frontend.skin / 8 skins, 5 stacks
Ship the look. Keep the stack.
Complete visual layers for web apps: tokens, 60 accessible components and 12 page templates per skin. React, Vue, Svelte, Tailwind or plain CSS.
Scroll to re-skin
02 / The swap
One line to re-skin.
index.html
<!-- the only line you change -->
<html data-skin="obsidian">
0
lines of CSS rewrittenSame markup, same components, same props. Tokens do the work.
Good morning, Maya
New report
MRR
$48.2k
+12.4%
Active users
9,312
+3.1%
Churn
1.8%
-0.4 pt
Revenue, last 12 weeks
Search customers, invoices...
Weekly digest
03 / The catalog
Pick your skin.
Keep scrolling: the wheel turns, the skin on top is yours to preview.
Porcelain
$79Velvet
$79Carbon
$79Neon
$79Linen
$79Chrome
$79Terracotta
$79
04 / Before, after
Same markup. New skin.
On the left, a booking page with browser defaults. On the right, the exact same HTML wearing Velvet. Drag the handle, or let the scroll do it.
Before: no skinAfter: Velvet
Velvet coverage: 50%
05 / By the numbers
Worn in production.
From two-person startups to banks with design systems teams, the same tokens ship every day.
12,400+products shipped with a Frontend Skin
4.9/5average rating from 1,350 reviews
60accessible components in every skin
96page templates across the 8 skins
ObsidianPorcelainVelvetCarbonNeonLinenChromeTerracotta
ReactVueSvelteTailwindPlain CSSFigma
06 / Pricing
Pay once. Wear forever.
Single skin
$79one-time
One skin of your choice for every project you ship.
- Tokens: CSS variables, Tailwind config, Figma variables, JSON
- 60 components, 12 page templates
- Light and dark modes, two densities
- Perpetual license, 1 year of updates
All skins
Most teams pick this$199one-time
All 8 skins, switchable with one attribute.
- Everything in Single skin, times eight
- 480 component variants, 96 templates
- Runtime skin switcher, zero dependencies
- Perpetual license, 1 year of updates
Team
$499one-time
All skins for 10 seats, with the Figma library.
- Everything in All skins
- 10 seats and the full Figma library
- Priority human support in 24 hours
- Perpetual license, 1 year of updates
Studio pass
$349 /year
For agencies and studios: every skin, every new skin we release, unlimited seats. Cancel anytime, keep what you shipped.
Start the Studio pass- All 8 skinsPlus every skin released while active.
- Unlimited seatsDesigners, developers and clients.
- Figma libraryVariables, components, templates.
- 24 hour supportReal people in Montreal.
WCAG 2.2 AA componentsZero runtime dependenciesHuman support in 24 hoursPrices in USD
07 / Voices
Teams that switched.
4.9/5from 1,350 verified reviews
We moved our whole admin to Obsidian over a weekend. The diff was one attribute and a font import. Our designers stopped filing tickets about spacing.
Velvet sold the hotel group before we wrote any backend. The pitch demo and the production build share the same tokens, so nothing drifted.
The accessibility work is real: focus states, contrast in both modes, screen reader labels. Our audit came back with two notes, both ours.
Questions
Asked, answered.
Still curious? Write to us: a human answers within 24 hours, from Montreal.
A complete visual layer: design tokens for color, space, radius, shadow and type, 60 components and 12 page templates. It sits on top of your app and never touches your business logic.
React, Vue, Svelte, Tailwind and plain CSS. Tokens also export as Figma variables and JSON, so design and code read from the same source.
Every component reads CSS variables. Set data-skin="velvet" on any element, usually html, and everything inside re-skins. No rebuild, no runtime library.
No, unless you want one. Single skin ($79), All skins ($199) and Team ($499) are one-time purchases with a perpetual license and one year of updates. The Studio pass is $349 per year and adds every new skin and unlimited seats.
Yes. They target WCAG 2.2 AA in both light and dark modes, with full keyboard support, visible focus and tested screen reader labels.
You keep everything you downloaded, forever, in every project. Renew at a discount when you want the newer releases.
Your stack stays. Your look levels up.
One new skin every quarter, release notes and token tips. One email a month, never more.
