Een interactieve HTML/CSS/JS component gallery met 30+ kant-en-klare templates en een live theme customizer die automatisch je gekopieerde code aanpast aan jouw gekozen kleuren en fonts.
- 30+ Templates verdeeld over 9 categorieën
- Live Theme Customizer - pas kleuren, fonts en border radius realtime aan
- Smart Code Export - gekopieerde code gebruikt automatisch jouw theme instellingen
- Visual Previews - zie elk component in actie voordat je de code kopieert
- Responsive Design - werkt op desktop, tablet en mobiel
- Geen Dependencies - pure HTML/CSS/JS, geen frameworks nodig
- Navigation - Horizontale navbars, verticale menu's, glassmorphic designs
- Sidebars - Basic, gradient en collapsed icon sidebars
- Formulieren - Login forms, contact forms, checkboxes & radio buttons
- Cards & Containers - Basic cards, image cards, gradient cards
- Buttons - Primary, outline, gradient en icon buttons
- Alerts & Notificaties - Success, error, info alerts en toast notifications
- Modals & Popups - Centered modals, success modals, image header modals
- Loading & Progress - Spinners, dot loaders, progress bars, skeleton loaders
- Badges & Tags - Basic badges, colored tags, status indicators
- Tabellen - Basic tables, striped tables
Gebruik de customizer bovenaan de pagina om aan te passen:
- Primaire, secundaire en accent kleuren
- Display en body fonts (5 opties elk)
- Border radius (van minimaal tot extra groot)
Alle wijzigingen worden live toegepast op de previews én op de gekopieerde code!
- Open
template-gallery.htmlin je browser - Pas het thema aan naar jouw wensen met de customizer
- Blader door de templates en klik op "Kopieer Code"
- Plak de code in je eigen project - de kleuren en fonts zijn al aangepast!
- De gekopieerde code is volledig standalone - geen externe dependencies
- Sommige templates bevatten CSS animations en JavaScript functionaliteit
- Alle code gebruikt inline styles voor maximale portabiliteit
- Perfect voor prototyping, landing pages en web apps