divot.css

divot.css is a simple skeuomorphic stylesheet that adds a soft divot and physical button feel to web pages.

Divot.css is a straightforward stylesheet designed to bring the tactile feeling of physical buttons to the web. It uses a soft divot around buttons to keep faces flush with the surface, mimicking light catching cut edges. Users add a single modifier class to change button styles while keeping uniform sizes for layouts. The stylesheet includes adjustable light sources, elevation settings, and customization options for walls and surfaces. It is built for web developers and designers who want to create tangible, clickable interface elements without complex frameworks.

divot.css at a glance

Best for: Software engineer
Runs on: Web
Pricing: Freemium
Released: September 2026
Category: AI coding tool
Website: nlaz.github.io

Key features

Soft divot around buttons
Skeuomorphic style mimicking light catching cut edges
Modifiers to change button styles
Uniform sizing across button variants
Adjustable light source and lamp placement
Customizable surface and wall depths
Hover states that deepen grooves and sink faces

Use it for

Styling web buttons with a tactile skeuomorphic effect
Creating uniform button layouts with different variants
Customizing light direction and shadows on web pages

Alternatives to divot.css

Skisso — Generates exact CSS and text diff patches for coding agents directly from the browser
Diffle — Review git diffs in the browser and send comments to GitHub or agents.
Frutjam — Zero-JavaScript, accessible UI components that work with any web framework.
Amicro — Add lightweight and tree-shakeable micro-interactions with a single CLI command.
CSSPicker — It allows for instant conversion of screenshots and website designs into code.
Unslop — Audits and redesigns AI-looking code pass by pass to match your product character.
dif.sh — Feature flags and experiments live in git as Markdown files with zero signup required.
ModLens — Converts screenshots and charts into structured JSON data for coding agents.
GSS — Renders 3D scenes using CSS knowledge without meshes or Three.js.
Suta — Reduces AI-generated design slop in user interfaces.
In App Editor — Add visual editing to any website without a separate server.
SlopScan — Identifies visual flaws and generates targeted implementation prompts.

All divot.css alternatives