Skip to content
INZIUINZIU.cc

Components

All UI components in this project

Form / Formulier

Buttonvariants, sizes & states
Inputlabels, icons & states

Include https://

Textareamultiline input with hint

Supports markdown formatting

Selectdropdown options
Checkboxwith description & disabled state
Radiodefault & card variant
Switchsizes & states

Switch to a darker color theme.

Data Display / Gegevensweergave

Avatarsizes
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarAvatar
AvatarGroupstacked with overflow
AnnaAnna
MarkMark
SaraSara
TomTom
+2
Badgevariants, pill & pulse
DefaultSuccessWarningErrorInfoBrandPillLive
Cardvariants

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.

Tablestriped rows
NameRoleStatus
Anna de VriesDesignerActive
Mark JansenDeveloperActive
Sara BakkerProduct ManagerAway
Tom SmitQA EngineerActive
Paginationsizes
Progressdeterminate, variants & indeterminate
Uploading...35%
Skeletonloading placeholders
GoogleMapembedded map (setup state)

Google Maps

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

Feedback / Terugkoppeling

Alertvariants & dismissible
Toasttriggered notifications
Tooltippositions
Top tooltipBottom tooltipLeft tooltipRight tooltip

Overlay / Overlay

Accordioncard variant, exclusive
What is INZIU?
INZIU is a personal site and component playground used to build and showcase UI patterns.
How does it work?
Each component lives in its own folder with variants, styles and usage examples.
Can I reuse these components?
Yes, every component on this page is a real, working instance.
ConsentBannercookie banner (active only when enabled)

We use cookies to improve your experience. Privacy policy

Dialogmodal with footer actions
Dropdownmenu with icons & separator
Tabshorizontal tabs
A short overview with some placeholder content goes here.
More detailed placeholder content for this tab.
Settings-related placeholder content.
VerticalTabswith icons & descriptions
Profile content placeholder.
Security content placeholder.
Notifications content placeholder.

Marketing / Marketing

CTAinvert variant
Ready to get started?
Join hundreds of users already building with these components.
SocialProofavatars + trust text

Trusted by 500+ happy users

Logosizes & letter monogram
INZIUINZIUINZIUINZIUI
Wordmarkbrand text
INZIU.cc
NpmCopyButtoncopy-to-clipboard command

Layout / Layout

Separatorhorizontal, with label & vertical
LeftRight

Content / Inhoud

CodeBlockwith filename & line numbers
example.ts

        
            1
          
        function welkom(naam: string) {
      

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

        
            3
          
        }
      

        
            4
          
         
      

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

Primitives / Primitieven

Iconsample icon set
menu
search
mail
phone
heart
star
shield
globe
sun
moon
zap
code
check-circle
alert-circle
info
github

50 years meteo data

The greatest threat to our planet is the belief that someone else will save it

Climate Transition

Every live world capital ranked by how fast its own weather record is shifting, built from 50 years of real weather data.

Meteo Future Trends

Trend-based projections through 2050 for nearly 200 world capitals, built from a single regression on the full 50-year ERA5 weather record.

Climate Capitals Trends

50 years of temperature and precipitation history for nearly 200 world capitals, visualized with an interactive climate spiral and warming stripes.

Meteo Capital Cities

Historical weather for 195 world capitals: temperature, wind, rain and sunshine from 1940 to today.

Climate Change Practical

20 everyday facts per capital, from solar panel losses to insect season, computed straight from the same 50 years of real weather data.

See all five tools together on the 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

What AI Progress Leaves Out

AI systems are optimized for maximum output, not genuine understanding. This raises the empirical question of who is truly investigating the structural systemic risks, as energy consumption rises exponentially, training data depletes, and decision-making increasingly escapes adequate institutional oversight.

AI Head