Alchemy — Design System Docs Landing
Component-library marketing page with live token swatches and showcase grid
by Jack Lawsonincl. VAT
Instant download · 5 files · Standard Licence included
- ✓Interactive token swatch panel with one-click CSS variable copying
- ✓Filterable component showcase grid with live mini-previews for 9+ components
- ✓Refined off-white-and-ink palette with five coordinated pastel accent colors
- ✓Zero build step — pure HTML/CSS/JS, opens directly in any browser
- ✓Fully responsive with accessible markup, ARIA labels, and keyboard navigation
About this template
Alchemy is a premium landing page template engineered for design-system teams and UI-kit creators who need to market and sell their component libraries. It ships with an interactive token swatch panel where visitors can copy CSS custom properties with a single click, a filterable component showcase grid with live previews, and a persuasive multi-section layout covering features, pricing, testimonials, and an FAQ accordion. Built with pure HTML, CSS, and vanilla JavaScript — zero build step, opens straight in the browser, deploys anywhere.
More in Landing pages
Dispatch — Newsletter Subscribe Landing
Minimalist email list–building page for writers and creators
Earlybird — Waitlist Signup Landing
Pre-launch waitlist page with referral position counter & animated queue meter
Canvas — Creative Portfolio Landing
Masonry portfolio page for designers, photographers & illustrators