[ Library ]

Every component runs. Every one can be yours.

429 live components, animations and effects today, and growing every week. Pick a topic, or browse by vibe.

React page transitionsLive React page and element transitions built with Motion: crossfades, shared-axis slides, curtains and card-to-detail morphs, ready for your agent.24 assets Tailwind card animationsAnimated cards in Tailwind and Motion: tilt and glow, spotlight borders, flips, glass, swipe stacks and expanding cards, all live.17 assets Motion button animationsButton animations built with Motion for React: shimmer, squish, magnetic, hairline fills, loading-to-success and more, each running live.23 assets Loaders & skeletonsLoading spinners, indeterminate bars, dot waves and skeleton shimmers for React: calm, on-brand waiting states.17 assets Hero sectionsAnimated hero sections for landing pages (split heroes, centered heroes with glow, staggered headlines), built from your design tokens.15 assets Landing page sectionsHeroes, feature grids, pricing, comparison tables, testimonials, FAQs, team and blog grids, contact forms, CTAs and footers: animated page sections for React.39 assets Text effectsAnimated text effects for React: blur-in headlines, decode, typewriter, gradient sweeps, letter waves, rotating words and split-flap boards.19 assets Modal & overlay animationsModal, drawer, bottom sheet, popover, tooltip and lightbox animations for React, with focus management and Escape handled.21 assets Toggle & input animationsAnimated switches, floating-label inputs, segmented controls, sliders, one-time codes, tag inputs, selects and ratings for React.27 assets Navigation & menusAnimated tabs, nav bars, docks, mega menus, breadcrumbs, pagination, command palettes and mobile tab bars for React.21 assets Animated charts & dataAnimated charts and stats for React dashboards: bar charts, sparklines, donuts, KPI tiles with deltas, counters and progress rings.25 assets Scroll animationsScroll-driven animations for React: reveals, parallax, stacking cards, progress bars, horizontal pinned sections and text that fills as you scroll.30 assets Cursor effectsCursor effects for React: spotlights, trails, magnetic rings and hover image reveals, scoped to their section and never global.14 assets Micro-interactionsMicro-interactions for React: like bursts, copy confirmations, bookmarks, theme toggles, send buttons, hold-to-confirm, toasts and alerts.38 assets App UI patternsAnimated React app patterns: sign-in, settings with a save bar, sortable tables, date pickers, chat threads, onboarding checklists, account menus, multi-step forms, search results and kanban boards.19 assets Animated backgroundsAnimated backgrounds for React: drifting mesh gradients, aurora, light beams, dot grids and film grain, in your sheet’s colours.19 assets Colour palettes for web appsReady-to-use colour palettes for websites and apps, light and dark. Each has background, surface, text, muted, line and accent roles, checked for contrast.24 assets Font pairings for websitesFont pairings for websites and apps: a display face for headlines and a body face for reading, all free on Google Fonts and previewed live.20 assets Icon styles for React appsConsistent icon styles for React apps with Lucide: stroke width, size, line ends and tiles or circles for feature icons, previewed live in your colours.10 assets

By vibe

Minimal253 Playful130 Cinematic78 Brutalist54 Editorial97 Luxury & premium149

Stop shipping apps that look AI-made.

Save what you love to a sheet, connect Claude or Cursor, and every screen comes out in your style. Free for 3 days on annual plans, card needed.

Start free trial Read the docs