DEV Community

Cover image for Tactile CSS: Pure CSS Neumorphism Component Kit
jQueryScript
jQueryScript

Posted on

Tactile CSS: Pure CSS Neumorphism Component Kit

Tactile CSS: a pure CSS neumorphic UI kit with outer, inner, and clay shadow styles. All driven by CSS variables and zero JavaScript.

Key features:

  • Three shadow styles: raised, sculpted, and claymorphism
  • Six built-in themes (Classic, Mono, Iron, Paper, Terminal, Warm)
  • Full component set: buttons, inputs, cards, FABs, keyboards, gauges, and more
  • Optional Tailwind CSS plugin
  • ~22KB minified, no dependencies

Switch themes with a single data-theme attribute. Build custom themes by overriding a handful of CSS variables. It's a fast way to get a tactile, physical UI aesthetic into any project.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)