DesignLayer

Animated React and films for websites people remember.

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

Browse componentsBrowse videos

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

74 components published

What's inside

Brand Bar HeaderProduct Feature BentoPortfolio Profile Music PlayerTemplate Showcase MarqueeFloating Pill HeaderProduct ViewerGlass Orb HeroGreen 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 List
Collections Scroll SliderHome Projects StackMoonsworth Companies GridMusic Video Pin StackPastel Pill NavbarKnockout Cloud OpenerWorks ExpandProduct Wordmark HeroSneaker Bold HeroSneaker Focus CarouselPricing ROI CalculatorJapan Travel HeroStatue 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 Stack

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
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 HeroGreen 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 List
Collections Scroll SliderHome Projects StackMoonsworth Companies GridMusic Video Pin StackPastel Pill NavbarKnockout Cloud OpenerWorks ExpandProduct Wordmark HeroSneaker Bold HeroSneaker Focus CarouselPricing ROI CalculatorJapan Travel HeroStatue 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 Stack

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.