Inspired by the Pip-Boy Model 3000 from Fallout: New Vegas. Comes with multiple pages and some animations. All decorative background elements disappear when the screen is <sm (it's responsive).

Useful Tailwind classes for constructing avatars with status markers. Comes with an example edit/preview avatar for the user to choose an image with the file chooser.

Inspired by Steam's old "Big Picture" ambiance. Based on anonymous/background-animation-2

A NavBar, a responsive drawer/sidebar, and other useful Tailwind components to get started creating an app. Pure CSS, no JavaScript needed (although this example uses a bit of JS).

A static sidebar when the screen is >=lg. It collapses into a drawer when the screen is <lg. Still requires no JavaScript to function (although this example uses a bit of JS).

Useful Tailwind classes for constructing an animated sidebar drawer that can be controlled via labels. The component itself is pure CSS and does not require JavaScript to use (although this example uses a bit of JS).

Useful Tailwind classes for constructing a basic Dock (usually used on mobile).

Useful Tailwind classes for constructing a basic NavBar.

Useful Tailwind classes for creating several types of cards. Ranging from simple text to more complex cards with animations and video.

Useful Tailwind classes for creating several types of basic badges.

Useful Tailwind classes for creating several types of animated textboxes. Inspired by Google's floating label input fields.

Useful Tailwind classes for creating several types of basic switches.