Skip to content
INZIUINZIU.cc

Componenten

Alle UI-componenten in dit project

Formulier / Form

Buttonvarianten, formaten & statussen
Inputlabels, iconen & statussen

Inclusief https://

Textareameerregelige invoer met hint

Ondersteunt markdown-opmaak

Selectkeuzelijst opties
Checkboxmet omschrijving & uitgeschakelde status
Radiostandaard & kaart-variant
Switchformaten & statussen

Schakel over naar een donker kleurthema.

Gegevensweergave / Data Display

Avatarformaten
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarGroupgestapeld met overflow
AnnaAnna
MarkMark
SaraSara
TomTom
+2
Badgevarianten, pil & puls
DefaultSuccessWarningErrorInfoBrandPilLive
Cardvarianten

Default

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Outline

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Elevated + hover

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Solid

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Ghost

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Tablegestreepte rijen
NaamRolStatus
Anna de VriesDesignerActief
Mark JansenDeveloperActief
Sara BakkerProduct ManagerAfwezig
Tom SmitQA EngineerActief
Paginationformaten
Progressbepaald, varianten & onbepaald
Uploaden...35%
Skeletonlaad-placeholders
GoogleMapingesloten kaart (setup-status)

Google Maps

Add PUBLIC_GOOGLE_MAPS_API_KEY to your .env file to enable the map.

Terugkoppeling / Feedback

Alertvarianten & sluitbaar
Toastgetriggerde meldingen
Tooltipposities
Tooltip bovenTooltip onderTooltip linksTooltip rechts

Overlay / Overlay

Accordionkaart-variant, exclusief
Wat is INZIU?
INZIU is een persoonlijke website en component-speeltuin om UI-patronen te bouwen en te tonen.
Hoe werkt het?
Elke component heeft een eigen map met varianten, stijlen en gebruiksvoorbeelden.
Kan ik deze componenten herbruiken?
Ja, elke component op deze pagina is een echte, werkende instantie.
ConsentBannercookiebanner (alleen actief indien ingeschakeld)

We gebruiken cookies om je ervaring te verbeteren. Privacybeleid

Dialogmodaal met footer-acties
Dropdownmenu met iconen & scheiding
Tabshorizontale tabbladen
Hier staat een kort overzicht met willekeurige inhoud.
Meer gedetailleerde inhoud voor dit tabblad.
Instellingen-gerelateerde inhoud.
VerticalTabsmet iconen & omschrijvingen
Profielinhoud (willekeurige tekst).
Beveiligingsinhoud (willekeurige tekst).
Meldingen-inhoud (willekeurige tekst).

Marketing / Marketing

CTAinvert-variant
Klaar om te beginnen?
Sluit je aan bij honderden gebruikers die al met deze componenten bouwen.
SocialProofavatars + vertrouwentekst

Vertrouwd door 500+ tevreden gebruikers

Logoformaten & letter-monogram
INZIUINZIUINZIUINZIUI
Wordmarkmerktekst
INZIU.cc
NpmCopyButtonkopieer-naar-klembord commando

Layout / Layout

Separatorhorizontaal, met label & verticaal
LinksRechts

Inhoud / Content

CodeBlockmet bestandsnaam & regelnummers
example.ts

        
            1
          
        function welkom(naam: string) {
      

        
            2
          
          return `Hallo, ${naam}!`;
      

        
            3
          
        }
      

        
            4
          
         
      

        
            5
          
        console.log(welkom('Dennis'));

Primitieven / Primitives

Iconvoorbeeld iconenset
menu
search
mail
phone
heart
star
shield
globe
sun
moon
zap
code
check-circle
alert-circle
info
github

50 jaar meteodata

De grootste bedreiging voor onze planeet is het geloof dat iemand anders haar wel zal redden

Klimaat Transitie

Elke beschikbare wereldhoofdstad gerangschikt op de snelheid waarmee het eigen weerpatroon verschuift, gebaseerd op 50 jaar echte weerdata.

Meteo Future Trends

Trendgebaseerde projecties tot 2050 voor bijna 200 wereldhoofdsteden, gebaseerd op één regressie over de volledige 50-jarige ERA5-weerreeks.

Climate Capitals Trends

50 jaar temperatuur- en neerslaghistorie voor bijna 200 wereldhoofdsteden, gevisualiseerd met een interactieve klimaatspiraal en klimaatstrepen.

Meteo Capital Cities

Historisch weer voor 195 wereldhoofdsteden: temperatuur, wind, regen en zon van 1940 tot vandaag.

Climate Change Practical

20 alledaagse feiten per hoofdstad, van rendementsverlies bij zonnepanelen tot insectenseizoen, rechtstreeks berekend uit dezelfde 50 jaar echte weerdata.

Bekijk alle vijf tools samen op de Capital Climate Atlas

The AI Productivity Paradox
Lazy chatbots make people dumb
AI prompt theft uncovered
From Prompt Engineer to Context Architect
91 Percent of AI Models Are Slowly Destroying Themselves
AI Training Data Runs Out 2026
AI Datacenters Now Demand 5 Gigawatt Power
When AI models start training themselves
Why AGI won't arrive by 2037 due to data and energy limits
AI Dependency, build a personal usage plan
The Power of the Perfect Prompt
Your AI Assistant Manipulates Your Brain

Wat AI-vooruitgang buiten beschouwing laat

AI-systemen zijn geoptimaliseerd voor outputmaximalisatie, niet voor werkelijk begrip. Empirisch rijst de vraag wie de structurele systeemrisico's onderzoekt, terwijl energieverbruik exponentieel stijgt, trainingsdata depleteren en besluitvorming zich onttrekt aan adequaat institutioneel toezicht.

AI Head