A curated collection of UI/UX animation and interaction details from the world's best iOS and web apps, presented as short looping shots.
AnimationMobileWeb+2
60fps.design
Native Bloom
nativebloom.dev
A living catalog of 1,000+ React Native UI blocks, each previewed on video and searchable by vibe, with MCP access for your coding editor.
What is Native Bloom?
Native Bloom collects React Native UI from real builders — bottom sheets, tab bars, Skia shaders, gesture-driven text fields and more — and previews every block on video so you never clone a repo just to see it. Blocks are organized by category and feel, with a ⌘K search palette for fast jumps. Pro connects the catalog to Cursor, Claude Code or Codex over MCP and adds an assistant that explains how blocks work from real source context.
Best for
- React Native patterns with video previews
- Agent-ready UI reference over MCP
- Keeping up with mobile UI trends
Key features
- 1,000+ video-previewed UI blocks
- MCP server for Cursor and Claude Code
- AI assistant explains block internals
- Category and vibe-based browsing
- Agent-tuned copy prompts per block
Related resources
60fps.design
A large free library of animated components for modern websites — copy the code, use it in Framer, or connect it through MCP.
AnimationFramerFree+1
originkit.dev
An open-source library of 250+ animation-ready React components and blocks built with Next.js, Tailwind CSS, Motion and shadcn/ui — with MCP support for AI agents.
ReactTailwindAnimation+3
ui.spectrumhq.in