Tactile CSS

Neumorphic UI with physical material themes

Classic Mono Iron Paper Terminal Warm

Soft, Tactile, Beautiful

A minimal neumorphic CSS library with physical material themes.

GitHub Get Started

Installation

npm

npm install tactile-css

CDN (jsDelivr)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tactile-css/dist/tactile.min.css">

CDN (unpkg)

<link rel="stylesheet" href="https://unpkg.com/tactile-css/dist/tactile.min.css">

Shadows

Outer

Small

Large

Inner

Small

Clay (Claymorphism)

Clay

Small

Large

Buttons

Default Primary Small Large +

Clay

Clay Primary Small Large

Input

Segmented Control

Day Week Month

Day Week Month

Keypad

1 2 3 4 5 6 7 8 9 . 0 →

1 2 3 4 5 6 7 8 9 . 0 →

Keyboard

Q W E R T Y U I O P

A S D F G H J K L

⇧ Z X C V B N M ⌫

ABC space ⏎

Clay

Q W E R T Y U I O P

A S D F G H J K L

⇧ Z X C V B N M ⌫

ABC space ⏎

Radial Gauge

30%

70%

100%

60%

Progress

Clay

Slider

Clay

FAB

+ + +

Clay

+ + +

Cards

Raised

Outer shadow

Inset

Inner shadow

Clay

Fluffy feel

Colors

Primary

Success

Danger

Warning

Clay

Primary

Success

Danger

Warning

Modal

Open Modal

Toast

Success Danger Warning Info