A navbar/dock that conforms to Google's Material 3 design guidelines

Chips that conform to Google's Material 3 design guidelines

Radio buttons that conform to Google's Material 3 design guidelines

Checkboxes that conform to Google's Material 3 design guidelines

Switches that conform to Google's Material 3 design guidelines

A navbar/appbar that conforms to Google's Material 3 design guidelines

Buttons that conform to Google's Material 3 design guidelines

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).