Modern CSS Reset Stylesheet with :where() Low Specificity
A modern CSS reset stylesheet that uses :where() for low specificity, fixes browser inconsistencies, and covers typography, media, forms, and tables in one file.
CSS & CSS3
CSS-Only Inverted Corner Tabs With Anchor Positioning
A CSS-only tabs UI with inverted corners, hash-link panels, anchor positioning, and animated active states.
CSS corner-shape Arrow Tabs for Menus & Breadcrumbs
A CSS-only arrow navigation component using corner-shape and Grid transitions for hover animation. Includes :target active state, dark mode, and a browser compatibility fallback.
Pure CSS Radial Menu with Native Select Element
A pure CSS radial menu built on the native select element using appearance:base-select. Automatic ring layout and smooth animations.
Responsive Expandable Cards: CSS Accordion Slider with Hover Expand Animation
Lightweight CSS accordion slider with flex card expansion, slide-up descriptions, touch support, and built-in reduced-motion accessibility.
Animated Icon Component Library for React/Vue/Svelte/Solid/Web Component
An animated icon library that adds hover animations to Lucide, Heroicons, and Iconoir SVG icons.
Minimal Neumorphic UI Kit in Pure CSS – Tactile CSS
A pure CSS neumorphic library with outer, inner, and clay shadow styles. Six themes, zero dependencies, ~22KB minified.
7 Creative Hover Effects Using CSS Box-Shadow
7 pure CSS hover effects built with box-shadow and CSS custom properties. No JavaScript, no dependencies, fully customizable.
Lightweight Pure CSS 3D Carousel with Fade in/out Effects
A lightweight Pure CSS 3D Carousel that features automatic rotation, infinite looping, and hardware-accelerated 3D transforms.
Responsive Hexagon Grid Layout Using CSS Grid and Container Queries
Build responsive hexagon grid layouts with CSS Grid and container queries. No media queries needed. Uses CSS math functions for auto-adaptation.