CodeSandbox 100+ templates row

CodeSandbox 100+ templates row, dark-mode, minimal, dark

Preview image. Unlock full-res

Dark templates section with giant lime 100+ headline and horizontal framework picker cards for React, Next, Vue, Angular, Nuxt, and SvelteKit.

Elementscard, icon
Palette
#0E0E0E
#F5FFB7
#DEFC64
#788158
#353229

Summary

Template picker band leading with oversized lime "100+ templates to start" over gray subcopy and a row of dark framework cards.

Visual description

Dark gray background with subtle top-center radial glow. Massive lime-green headline "100+ templates to start" dominates upper area with smaller gray paragraph about learning via JavaScript framework templates. Bottom horizontal row of dark rounded cards each show circular framework logo and label: React + Vite, Next.js, Vue + Vite, Angular, Nuxt, and partially visible SvelteKit.

Key takeaway

Making the quantity ("100+") the largest typographic element turns a template list into a headline moment. Framework cards as uniform chips keep many options scannable.

Reuse notes

Use when breadth of starters is a selling point. Logos must stay current; horizontal row implies scroll on smaller screens.

More features sections

See all

More like this