landing.html — neo-brutalist
Landing
The full marketing stack — hero, feature grid, pricing table, testimonials, FAQ, footer.
Ten pages · Fifty skins · Zero dependencies
The same HTML, wearing fifty different faces.
Every card below is a live page in an iframe, not a screenshot — scaled down and running the real stylesheet. Open one and the dock in its corner switches between all fifty skins; the markup underneath never changes. Use the control below to re-dress every preview at once.
Page
Shift + ← → cycles skins anywhere
dashboard.html — terminal
Dashboard
Stat grid, sortable table, timeline, progress rings and toasts under a phosphor CRT.
docs.html — newsprint
Docs
Sidebar, table of contents, tabs, syntax-highlighted code frames, callouts, key caps.
store.html — claymorphism
Store
Product carousel, choice cards, ratings, reviews and a cart badge that counts.
app.html — glassmorphism
App
Kanban board, side drawer, confirm modal, command palette and context menus.
blog.html — magazine
Article
Long-form editorial — pull quotes, figures, footnotes, author card, related reading.
portfolio.html — film noir
Portfolio
Gallery grid with a working lightbox, a marquee ticker, case-study cards and stats.
settings.html — clinical
Settings
The whole form kit in one place — validation, switches, range, dropzone, tags, OTP, steps.
chat.html — y2k
Chat
Conversation list, message bubbles, typing indicator, presence dots and a live composer.
arcade.html — pixel art
Arcade
Leaderboard, health meters, loadout tree, key-cap controls and an achievement wall.