Animated React and films for websites people remember.

97 motion components, plus launch films. Tune them yourself, or hand them to your agent.

Watching and submitting are free · Free: 10 sample components · Pass ($19): all 74

97 components published

Built with

What's inside

Brand Bar Header Product Feature Bento Portfolio Profile Music Player Template Showcase Marquee Floating Pill Header Product Viewer Glass Orb Hero Sand Scroll Hero Golden Oracle Hero Sakura Editorial Poster Digital Rain Name Footer Portfolio Types Deck Integrations Hub Grainient Images Section Clicky Keyboard Cinematic Audio Player Abstract Mask Pixel Arc Loader Before After Scroll Ingredient Scroll Owners Pricing Pin Spacer Works Video Works Collage Temple Grounds Gallery Onsen Scroll Band Inn Hero Studio Projects Grid Yoho Brewing Footer Dark Infra Story Band Dark Infra Footer Path Drawing Portfolio Hero Morph Portfolio Contact Video Production Contact Album Package Showcase Flip CTA Newsletter Borderless Account Vaults Benefits Scroll List Collections Scroll Slider Home Projects Stack Moonsworth Companies Grid Music Video Pin Stack Pastel Pill Navbar Knockout Cloud Opener Works Expand Product Wordmark Hero Sneaker Bold Hero Sneaker Focus Carousel Pricing ROI Calculator Japan Travel Hero

Statue 404 Space Explore Garden Prompt Hero Floating Poster Orbit Magnetic CTA Button Glass Sidebar Nav Liquid Glass Login Center Plus Tab Bar Night Messenger Chat Monthly Calendar Kinetic Service Pricing Insight Fan Cards Scroll Feature Showcase Listing Bento Card Numbered FAQ Panel File Upload Spotlight Reviews Ink Reveal CTA Partner Cylinder Reel Destination Coverflow Hero Plan Pill Switch Support Split Contact Liquid Glass Signup Steps Spring Command Palette Spring Toast Stack AI Feature Cards Wordmark Panel Footer What's New Card Clipboard Copy Button Interval Seg Control Count Stepper Soft Switch Underline Tab Switch Theme Mode Switch Filter Chip Row Progress Steps Rating Star Row Notice Count Badge Source Flow Card Sync Pulse Card Status Pipeline Card Deploy Tick Card Uptime Signal Card Usage Meter Card Event Stream Card Presence Stack Card Latency Heat Card Sparkline KPI Card

Screens

Preview motion sections and hand the TSX to Cursor or Claude. Browsing is free. Copy is 10 Free Sample components with a free account, and 1 video prompt per month.

Browse screens

Published

That many motion sections are ready to preview.

Browse screens

MCP

›

import { Section }

from "designlayer"

Agent handoff

Pull parts from Cursor or Claude through MCP, without hunting the catalog by hand.

Set up MCP

Videos

Play launch films, copy a prompt for your agent, and submit a video of your own. Submission lives inside this feature.

Browse videos

Free$0

30-Day Build Pass$19

Lifetime Access$79

Start free

Browsing and watching are free. Copy is 10 Free Sample components with a free account, and 1 video prompt per month. Unlimited is the 30-Day Pass and Lifetime.

See pricing

Three capabilities, in your browser.

Brand Bar HeaderProduct Feature BentoPortfolio Profile Music PlayerTemplate Showcase MarqueeFloating Pill HeaderProduct ViewerGlass Orb HeroSand Scroll HeroGolden Oracle HeroSakura Editorial PosterDigital Rain Name FooterPortfolio Types DeckIntegrations HubGrainient Images SectionClicky KeyboardCinematic Audio PlayerAbstract MaskPixel Arc LoaderBefore After ScrollIngredient ScrollOwners PricingPin Spacer WorksVideo Works CollageTemple Grounds GalleryOnsen Scroll BandInn HeroStudio Projects GridYoho Brewing FooterDark Infra Story BandDark Infra FooterPath Drawing Portfolio HeroMorph Portfolio ContactVideo Production ContactAlbum Package ShowcaseFlip CTA NewsletterBorderless Account VaultsBenefits Scroll ListCollections Scroll SliderHome Projects StackMoonsworth Companies GridMusic Video Pin StackPastel Pill NavbarKnockout Cloud OpenerWorks ExpandProduct Wordmark HeroSneaker Bold HeroSneaker Focus CarouselPricing ROI CalculatorJapan Travel Hero

Statue 404Space ExploreGarden Prompt HeroFloating Poster OrbitMagnetic CTA ButtonGlass Sidebar NavLiquid Glass LoginCenter Plus Tab BarNight Messenger ChatMonthly CalendarKinetic Service PricingInsight Fan CardsScroll Feature ShowcaseListing Bento CardNumbered FAQ PanelFile UploadSpotlight ReviewsInk Reveal CTAPartner Cylinder ReelDestination Coverflow HeroPlan Pill SwitchSupport Split ContactLiquid Glass Signup StepsSpring Command PaletteSpring Toast StackAI Feature CardsWordmark Panel FooterWhat's New CardClipboard Copy ButtonInterval Seg ControlCount StepperSoft SwitchUnderline Tab SwitchTheme Mode SwitchFilter Chip RowProgress StepsRating Star RowNotice Count BadgeSource Flow CardSync Pulse CardStatus Pipeline CardDeploy Tick CardUptime Signal CardUsage Meter CardEvent Stream CardPresence Stack CardLatency Heat CardSparkline KPI Card

Components

Preview motion sections and hand the TSX to Cursor or Claude. Browsing is free. Copy is 10 Free Sample components with a free account, and 1 video prompt per month.

Videos

Play launch films, copy a prompt for your agent, and submit a video of your own. Submission lives inside this feature.

MCP

Pull parts from Cursor or Claude through MCP, without hunting the catalog by hand.