DesignLayer
Motion React components and launch videos in one place
Browse 73 animated React components and launch films. Preview motion sections, copy TSX to Cursor or Claude, and watch or submit launch videos. Free to browse
About this launch
DesignLayer is a platform that combines animated React components with launch film resources in one place. It offers 73 motion sections built with React, TypeScript, and Tailwind CSS (designed for Next.js App Router), which users can preview and copy to Cursor or Claude. The platform also features launch videos and allows users to submit their own. Free browsing includes 3 component copies per day and 1 video prompt copy per day. Plus subscribers get unlimited copies and MCP integration for agent handoff.
What it does
- 73 motion components
- Launch video library and submission
- Cursor and Claude integration
- MCP agent handoff
- React, TypeScript and Tailwind CSS built
- Free browsing and previewing
- Copyable TSX code
- Unlimited copies on Plus
Pricing
Pricing model: Freemium
Free: $0, browse and preview unlimited components, copy 3 times per day, watch and submit videos free, 1 video prompt copy per day. Plus: $9/month USD, unlimited component copies on site and over MCP, unlimited video prompt copies, connect Cursor and Claude Code via MCP, monthly auto-renew.
Shopper questions
What is included in the Free plan?
Browsing and previewing all components is free. Copying TSX into Cursor or Claude is limited to 3 times per day (resets daily at 00:00 JST / 15:00 UTC). You can watch and submit videos for free, with 1 video prompt copy per day. No card is required.
What does Plus add?
Plus provides unlimited component copies on the site and over MCP, unlimited video prompt copies, and the ability to connect Cursor and Claude Code via MCP. Watching and submitting videos remains free for both plans.
How much does Plus cost and how does billing work?
Plus costs $9/month USD including tax as a monthly auto-renewing subscription. The first period is charged at signup, and the same amount is charged automatically on each renewal date until you cancel.
Can I cancel my Plus subscription?
Yes, you can cancel anytime from your account settings. Your plan stays active until the current billing period ends with no further charges after that. No refunds are provided for periods already delivered.
What license applies to copied code?
You can use and modify copied code in unlimited personal, commercial, and client projects. Anything you ship remains yours even after canceling. You may not redistribute or resell the components as a competing template or UI library.
DesignLayer has a free listing. The owner can unlock the full profile with a paid launch for $5:
- Founder story (locked)
- Milestones (locked)
- Demo video (locked)
- Dofollow website link (locked)
Shoppers also viewed
- Nuxt Dashboard
Design tools
- MyPaperKit
Design tools
- AI Kitchen Design
Design tools
- ideare
Design tools
