Live demo — an original page built in the Skeumorphism style. Open in new tab
A tactile interface language that mimics real-world materials with rich texture, layered depth, and physical shadows so digital elements feel touchable.
Install via CLI
$ npx staqd add skeumorphismSkeumorphism makes the screen feel like an object. By borrowing the textures, highlights, and shadows of real materials — brushed metal, leather, glass, felt — it gives every control a sense of weight and touchability. Buttons look pressable, switches look flippable, and panels feel like they have thickness. The result is warm, familiar, and unmistakably tactile. Reach for Skeumorphism when you want delight and physicality: music and creative tools, nostalgic consumer apps, and dashboards that lean on real-world metaphors like dials and switches.
Unlock the full Skeumorphism spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.
Build a settings list in the Skeumorphism style: brushed-surface rows on a textured background, each with a glossy physical toggle that has a beveled track, a raised knob, and a soft inner shadow when off.
A soft, extruded interface where elements appear to push out of or press into a single continuous surface using paired light and dark shadows.
An expressive, hand-made design system blending organic blobs, playful illustration, and unconventional layouts into interfaces that feel like a living sketchbook.
A spatial design system that uses angled planes, layered depth, and foreshortening to give flat screens a dynamic, three-dimensional sense of direction.