DesignLayer

Animated React and films for websites people remember.

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

Browse componentsBrowse videos

Watching and submitting are free · 3 copies/day · Free vs Plus

69 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 Newsletter
Borderless 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 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 ReelPlan Pill Switch

Screens

Preview motion sections and hand the TSX to Cursor or Claude. Browsing is free. Copy is 3 times a day.

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
Plus$9

Start free

Browsing and watching are free. Copy is 3 times a day. Unlimited is Plus.

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 Newsletter
Borderless 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 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 ReelPlan Pill Switch

Components

Preview motion sections and hand the TSX to Cursor or Claude. Browsing is free. Copy is 3 times a day.

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.

DesignLayer | Motion React and launch videos