Component Showcase

A complete Y2K-inspired design system with accessible, responsive components

Buttons

Standard Buttons

Primary, secondary, ghost, and destructive variants

Blob Buttons

Signature Y2K morphing blob buttons

Form Elements

Text Inputs

Username

Choose a unique username

Password

Password must be at least 8 characters

Disabled Input

Selection Controls

Choose an option

Accept terms and conditions

Subscribe to newsletter

Disabled checkbox

Enable notifications

Dark mode

Cards

Standard Card

With hover effect

This is a standard card with the classic Y2K translucent glass effect.

Holographic Card

Iridescent shifting effect

Features the signature Y2K holographic gradient animation.

Static Card

Without hover effect

A simple static card for content that does not need interaction feedback.

Alerts

Success!

Your changes have been saved successfully.

Warning

Your session will expire in 5 minutes.

Error

Failed to connect to the server. Please try again.

Information

This is a dismissible info alert with a close button.

Badges

PrimarySuccessWarningErrorChrome

Table

ID	Name	Type	Status
1	Chrome Effect	Text	Active
2	Blob Button	Button	Active
3	Holo Card	Card	Beta

Loading States

Spinners

Skeletons

Decorative Elements

Chrome Text

Small ChromeMedium ChromeLarge Chrome

Tech Icons

Typography

Display Font (Orbitron)

The Future is Now

Body Font (Space Grotesk)

The quick brown fox jumps over the lazy dog. This is the default body text used throughout the application for readable content.

Tech Font (Space Mono)

console.log("Hello, Y2K!");

Bubble Font (Nunito)

Soft and friendly text for playful elements

Color Palette

Electric Blue

Cyber Purple

Pink

Blue

Lime

Chrome