Menu
Moti LogoMoti Logoby Fernando Rojo
TwitterGitHub
Moti LogoMoti Logoby Fernando Rojo
  • Twitter
  • GitHub
  • Welcome
    • Getting Started
    • Installation
    • Starter Project
  • Usage
    • Overview
    • Transforms
  • Examples
    • Hello World
    • Animate Presence
    • Accordion (New!)
    • Exit Before Enter
    • Loop Animation
    • Variants
    • Hover Dropdown
    • Action Menu
  • Hooks
    • useAnimationState()
    • useDynamicAnimation()
  • Interactions
    • Interactions Overview
    • <MotiPressable />
    • useMotiPressable()
    • useMotiPressables()
    • useMotiPressableAnimatedProps()
    • useMotiPressableTransition()
    • useInterpolateMotiPressable()
    • Custom Pressables
    • ESLint usage
  • Skeleton
    • Overview
  • Reanimated
    • Moti vs. Reanimated
  • Resources
    • Videos
  • Web
    • Web Support
    • Next.js Usage
  • API Reference
    • motify()
    • Imports
    • Component Props

Imports

Currently, moti exports typical React Native components.

You can import like so:

import { MotiView, MotiText, MotiScrollView, MotiSafeAreaView, MotiImage } from 'moti'

Which looks like this in use:

<MotiView />
Edit this page
Previous
« motify()
Next
Component Props »

Docs

  • Getting Started
  • Installation

Community

  • Twitter
Copyright © 2023 Fernando Rojo