Componentenbibliotheek

00. Inhoud – 01. Navigatie – 02. Knoppen – 03. Formulieren – 04. Meldingen – 05. Kaarten & Containers – 06. Tabellen

07. Dashboards – 08. Effecten – 09. Media – 10. Administratie – 11. Bibliotheken – 12. Speelplaats

00. Inhoud

⏳ Overzicht componenten

⏳ Laatst toegevoegd

⏳ Laatste wijzigingen

⏳ Zoekfunctie

⏳ Categorieën

01. Navigatie

🟢 NAV-001 Spotlight Navigation

Omschrijving
Interactieve navigatie met spotlight-effect.

Implementatie

PHP
• spotlight-nav.php

CSS
• spotlight-nav.css

JavaScript
• spotlight-nav.js

Shortcode
• [spotlight-nav]

Voorbeeld
(screenshot of link)
☑ De Goubloem
☑ WebDad

Opmerkingen
Responsive.
Getest desktop + mobiel.

🟢 NAV-002 Glass Navigation

🟢 NAV-003 Dashboard Navigation

⏳ 04 Breadcrumbs

⏳05 Tabs

⏳06 Mega Menu

⏳07 Floating Action Button

02. Knoppen

⏳ Bewaren
⏳ Wissen (animatie)
⏳ Nieuw
⏳ Bewerken
⏳ Zoeken
⏳ Download
⏳ Upload
⏳ Print
⏳ Mail
⏳ WhatsApp
⏳ Terug
⏳ Annuleren
⏳ Bevestigen

03. Formulieren

✅ Dropdown stijl
✅ Ja/Nee velden
✅ Zoekveld postcode
⏳ Slim zoekveld
⏳ Landcode + vlag
⏳ Adresblok
⏳ Telefoonveld
⏳ E-mailveld
⏳ Datumkiezer
⏳ Uploadveld

04. Meldingen

⏳ Opgeslagen
⏳ Gewist
⏳ Foutmelding
⏳ Waarschuwing
⏳ Loading
⏳ Bevestigingsvenster

05. Kaarten & Containers

✅ Dashboard Tegels
⏳ Statistiekkaart
⏳ Historiekkaart
⏳ Contactkaart
⏳ Productkaart

06. Tabellen

⏳ Responsive tabel
⏳ Sorteerbaar
⏳ Filterbaar
⏳ Sticky header

07. Dashboards

✅ Iconenbibliotheek
✅ Affichebibliotheek
⏳ Fotobibliotheek
⏳ Documentbibliotheek
⏳ KPI Dashboard

08. Effecten

⏳ Hover effecten
⏳ Glass effecten
⏳ Cursor effecten
⏳ Glow effecten
⏳ Ripple
⏳ Micro animaties

09. Media

⏳ Lightbox
⏳ Carousel
⏳ Slider
⏳ Gallery
⏳ Video Player

10. Administratie

⏳ Ledenbeheer
⏳ Crewbeheer
⏳ Boekhouding
⏳ Reservaties
⏳ Historiek

11. Bibliotheken

✅ SVG Icons
⏳ Emoji’s
⏳ Kleuren
⏳ Lettertypes
⏳ CSS Snippets
⏳ JavaScript Snippets
⏳ PHP Snippets
⏳ HTML Snippets

12. Speelplaats

Instagram Reels
Facebook
GitHub
Uiverse
CodePen
CodeWars
AI-experimenten