Blog
Notes on skeuomorphic UI design and building Bevel: CSS tutorials, comparisons, and the real objects its React components borrow from.
- Neo-skeuomorphism: what it is, with live examplesNeo-skeuomorphism (skeuomorphism 2.0) brings light, depth and physical behaviour back to the controls that matter. Its rules, and live React examples.
- Skeuomorphism vs neumorphism vs flat designSkeuomorphism vs neumorphism vs flat design vs glassmorphism: the same button and switch in each style, live, with CSS and measured contrast.
- How to make a skeuomorphic button in CSS and TailwindA skeuomorphism CSS tutorial: build a skeuomorphic button with one light source, stacked shadows and a real press. Live at every step, plus Tailwind v4.
- Skeuomorphism is back, for a better reason this timeFlat design took away the shape of things, and with it a lot of what an interface used to tell you. A few old machines, the patents behind them, and what they still teach.