---

What is this?

Don't know what your next website should look like? Open the gallery, browse live demos of the freshest 2026 design aesthetics rendered in real time, pick one, and steal it.

Every theme is a real, self-contained landing page rendering live inside its card — not a screenshot. No framework, no build step, no dependencies. Just open it.

▶ Browse all 16 themes live →

✨ Features

• 16 live theme demos — each a full, self-contained landing page you can open, read, and lift.
• Hover to preview — cards slow-scroll through the real page and the gallery's accent morphs to match.
• Quick view — ←/→ to flip themes, a viewport toggle for mobile/tablet/desktop, click any swatch to copy its hex, and Copy CSS tokens hands you a ready-to-paste :root block.
• Search & filter — Ctrl/⌘ K search, plus category / color / light-dark filters and sort.
• Save & compare — ♥ themes into a collection, then ⇆ compare up to three side by side, live.
• Shareable state — filters, search, sort and the open theme all live in the URL. Refresh-safe.
• Add your own in ~1 minute (the header's + Add theme button generates both files for you).

🎨 The themes

Liquid Glass · Bento Box · Neo Brutal · Dopamine Pop · Kinetic Ink · Neon Dusk · Paper Grain · Chrome Y2K · Off-Grid · Quiet Editorial · Soft Touch · Blueprint Mono · Sticker Bomb · Terra Firma · Transformative Teal · Dark Matter

Each built from June-2026 design-trend research.

🚀 Run it locally

No build, no install. Either open index.html directly, or serve it (recommended — enables clipboard, fonts, etc.):

python -m http.server 8080
# → http://localhost:8080

Google Fonts load from the network; offline you get the fallback stacks.

➕ Add your own theme

Click + Add theme in the gallery header to scaffold it automatically, or by hand:

1. Create themes/your-slug/index.html — any self-contained page (add a small ← Gallery link back to ../../index.html).

2. Append one entry to the array in assets/themes-data.js:

   {
     slug: "your-slug",        // must match the folder name
     name: "Your Theme",
     vibe: "One line about how it feels.",
     category: "minimal",      // minimal | bold | playful | dark | retro | futuristic | elegant | experimental
     base: "light",            // light | dark
     colors: ["#111","#222","#f50","#fd6","#fff"],
     font: "Inter",
     tags: ["warm","saas"],
     dateAdded: "2026-06-11",  // NEW badge for 14 days
     featured: null            // or 1..n to pin into the featured row
   }

3. Refresh. Done.

Structure

path	what
index.html	the gallery shell
assets/themes-data.js	the theme manifest (one entry per theme)
themes/<slug>/index.html	one full live demo page per theme

License

MIT — use anything here freely. If a theme helps you ship, a ⭐ is appreciated.

_{built by overdusts}