Motion React components and launch videos in one place
Free online tool for generating random HEX, RGB, and HSL colors instantly
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Freemium
Free
Pricing
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.
Not given
Key features
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
Instant random color generation with spacebar shortcut
HEX, RGB, and HSL color code display with 1-click copy
2 to 10 color harmonized palette generator with smart color locking
Export palettes to CSS Variables, SVG, PNG, and shareable URLs
WCAG 2.1 contrast checker with relative luminance calculation
Color of the Day inspiration
Local-first saved palettes storage with zero tracking
Browser sidepanel for inspecting colors and testing contrast
Color Eye Quiz mini-game to test designer skills
What makes it different
Launch screens and videos in one place for service makers
Copy code directly to Cursor or Claude without leaving the browser
MCP integration for seamless agent workflow
Free daily usage with no card required to browse
Use copied code in unlimited personal and commercial projects
0-latency generation with instant spacebar triggering
Exact conversions across HEX, RGB, HSL with automated WCAG 2.1 contrast metrics
Hyper-focused neutral UI allowing generated hues to take center stage
DesignLayer