Home / Soft and Tactile UI

Soft and Tactile UI CSS Templates

Soft UI is the family of styles that makes a screen feel like you could touch it. Frosted glass, puffy clay, pressable keys, paper you could pick up. These designs are popular right now because they make apps feel friendly and calm, and modern CSS can do all of it without images or plugins. Every template below is one HTML file. Open the demo, and if you like it, download it and make it yours.

Glassmorphism CSS template preview

001. Glassmorphism

Harbor, a savings app landing page
Liquid Glass CSS template preview

002. Liquid Glass

Tidewell, a weather app screen
Neumorphism CSS template preview

003. Neumorphism

Hearth, a smart home control panel
Claymorphism CSS template preview

004. Claymorphism

Pebble Math, a kids learning app
Frosted Aurora CSS template preview

005. Frosted Aurora

Stillwater, a sleep and calm app
Soft UI CSS template preview

006. Soft UI

Loom, a weekly planner dashboard
Skeuomorphism CSS template preview

007. Skeuomorphism

Field Journal, a notes app
Tactile Buttons CSS template preview

008. Tactile Buttons

Clack, a keyboard shop with a working calculator
Jelly UI CSS template preview

009. Jelly UI

Wobble, a gelato shop
Paper Stack CSS template preview

010. Paper Stack

Crumb, a family recipe box