Skeuomorphic UI in 2026: the kits, the libraries, and when it works
I make a UI library in this style, so read this knowing that. I've tried to list everything that's actually out there and still alive, including the things that compete with mine, and to say plainly what each one is good for. Everything below was checked on 30 September 2026. If something here is wrong, email me and I'll fix it.
Where the style has been
Apple dropped the leather and the legal pads with iOS 7 in 2013 and the industry followed it into flat design. Around 2019 and 2020, "neumorphism" went viral on Dribbble: soft, extruded shapes made from two shadows. It faded quickly, mostly because shadow alone doesn't give enough contrast to read a button.
Then in June 2025 Apple announced Liquid Glass, a material that "reflects and refracts" what's behind it, across every one of its platforms. It isn't the leather and legal pads again, but a platform maker has put physical materials back into its controls. It wasn't free of problems either: Nielsen Norman Group's review found translucency over busy backgrounds hurt legibility. The lesson is the same one neumorphism taught: the material has to serve the reading, not fight it.
When it works
From building a lot of these, this is where I think the style earns its place:
- When the control is the product. Audio plugins, device apps, instruments, a thermostat, anything where the person already knows the physical thing. A knob that clicks at each notch reads faster than a slider pretending to be one.
- When there's one light. Every highlight on the top edge, every shadow falling the same way. Mixed light directions are what make most skeuomorphic UI look cheap.
- When colour means something. A lamp that's on, a display that's lit. If every surface is coloured, nothing stands out.
- When state is visible. A pressed key that actually sits lower, a switch you can see is on without reading a label.
And where it doesn't: dense text screens, forms people fill in all day, and anything where the decoration costs contrast.
What's out there
Code you can run
| Resource | What it is | Stack | Price and licence | Worth knowing |
|---|---|---|---|---|
| Ambient CSS | A lighting system: set one light direction and every shadow, highlight and bevel follows. Matte, shiny, glass and brushed materials | CSS, plus React components | Free, MIT | The most-starred active project here (581 stars). It's surfaces and light, not a set of controls |
| Analog UI | Skeuomorphic dials, gauges and panels | React and Tailwind v4, installed through the shadcn registry | Free, MIT | Marked pre-release, about 15 components |
| MetalliCSS | A real brushed-metal finish on ordinary HTML elements, drawn on canvas | Vanilla JS and CSS | Free, MIT | Needs canvas and blob: URLs, which matters under a strict CSP |
| react-rotary-knob | A skinnable rotary knob | React | Free, MIT | One control; last npm release in 2023 |
| ui-neumorphism | A component set in the soft neumorphic style | React | Free, MIT | The biggest soft-UI set, but no release since 2022 |
| Tactile UI (mine) | Interface objects that run small simulations (a pin screen, a Chladni plate, an odometer that carries, detent dials), plus website blocks and a UI kit in the same style | Vanilla JS and CSS, with React, Vue and Svelte wrappers and a custom element | Everything runs free on the site; the source is $89 once for the first 100 Passes, then $150. The Odometer is free, MIT | Paid source, and one visual language: aluminium or graphite, with colour only in lamps and displays. An accent colour is planned |
One thing to watch for: there's an unrelated React project on GitHub also called Tactile UI. Its README says it's for learning and not for production. It isn't this one.
Skills and specs for coding agents
If you build with an AI tool, a written spec can be enough to steer it. None of these ship finished components; your agent still builds each one.
| Resource | What it is | Licence | Worth knowing |
|---|---|---|---|
| MengTo's Skeuomorphic UI skill | A general recipe for tactile, dimensional components, in seven steps | MIT | By far the most installed. General rather than based on specific hardware |
| pudge-ui | Specs for 93 components in the style of 2000s electronics (iPod, Game Boy, Nikon dials), with an MCP server | MIT | Works for any stack, including SwiftUI and Flutter |
| rams-braun-ui | A Braun-era design system as a skill: tokens, rules, a forbidden list, a checklist | MIT | Its colours are stated as approximations, not Braun's |
| skeuomorphic-forge | 19 reference files and 21 HTML examples (switches, gauges, VU meters) | MIT | The most worked examples of the skills; its search needs local Python |
| teenage-engineering-ui-ux-skill | A Teenage Engineering-style spec with static HTML components | None stated | Useful, but with no licence it isn't clearly reusable |
| Tactile Modernism (mine) | The look of my library as a skill: both finishes as tokens, the lamp rule, depth, type and the mistakes to avoid | MIT | The look only; the finished parts are in the paid kit |
Design files and Framer
| Resource | What it is | Format | Worth knowing |
|---|---|---|---|
| Drams | Dieter Rams-inspired buttons, switches, dials, a radio and a clock radio | Framer, free for personal and commercial use | The closest thing to a Braun set in Framer, remixed one component at a time |
| Knóbz | Six volumes of audio-plugin controls | Photoshop files, $11.99 | Real audio-hardware controls, but PSD rather than Figma, and no code |
| Figma Community | Several free files of skeuomorphic buttons, switches and toggles | Figma | Free to duplicate, usually small sets, no code |
| neumorphism.io | A generator for soft-UI box shadows | Web tool, BSD-3 | Quick CSS for one effect; check the contrast |
How I'd choose
- You want finished, working controls: Analog UI if you're on React and Tailwind, mine if you want vanilla JS or objects that actually simulate the thing, and react-rotary-knob if all you need is a knob.
- You want the light right across your own components: Ambient CSS.
- You build with an agent and want it to stay in style: one of the skills, picked by era (Braun, 2000s electronics, Teenage Engineering).
- You're designing, not building yet: Drams in Framer, or the Figma files.
Whatever you use, keep one light, keep colour for meaning, and check the contrast. That's most of what separates this style done well from the version that went out of fashion in 2021.