Today at 9:41 AM
Saturday at the park
Leave by ten, before the big dogs arrive. It rained on Friday, so the ramp will be slippery.
Puppertino 2.0 Dachshund
Make the web feel at home on Mac and iPhone.
The macOS 27 and iOS 27 design for any web page. 38 components for the Mac and 27 for iPhone, written in plain CSS, with no dependencies and no build step.
- Saturday at the park9:41 AM
- Things that are not foodYesterday
- New route by the riverMonday
- Rain planSunday
Walks
- Saturday at the park9:41 AM
- Things that are not foodYesterday
- New route by the riverMonday
- Rain planSunday
- Remind me
All UIs on this page are built with Puppertino.
Built for Mac and iPhone.
Includes 65 components for Mac and iPhone, created from type and materials available on the framework.
Light, dark, and 13 accents.
Puppertino follows the system appearance and provides support for theming and manual color schemes.
Appearance
Accent color
Download progress
Volume
Send receipt
Glass that bends the page.
Liquid Glass implementation with faux glass and Glassworks for realtime items. Support for Reduce Transparency included.
Today
The park2.4 km · 41 min9:41 AM- Around the block0.6 km · 12 min7:15 AM
Yesterday
- The river3.1 km · 52 min6:30 PM
Late one0.4 km · 8 min11:02 PM- Around the block0.7 km · 13 min7:20 AM
Longest walk5.4 km
Monday
- New route2.9 km · 48 min5:50 PM
- The vet, on foot1.2 km · 25 min10:30 AM
- Around the block0.6 km · 11 min7:10 AM
Sunday
- Hallway fetchRain · 20 min4:00 PM
- The park2.2 km · 39 min9:30 AM
Streak12 days
Saturday
- The long one5.4 km · 1 h 30 min8:00 AM
- Around the block0.5 km · 10 min10:45 PM
Glassworks warms up in async, and starts displaying the effect when it’s ready.
Accessible by default.
The framework ships with accessibility options that match user's preferences without dev changes, providing an experience native to the user, all components adapt depending on these.
Your settings, right now
Reduce motionOff
Reduce transparencyOff
Increase contrastOff
Dark appearanceOff
Press Tab
Button
Switch
Segmented control
Slider
Import and play.
Puppertino is plain CSS with no dependencies. The scripts are optional and written in plain JavaScript.
| If you’re building | Use |
|---|---|
| A web app that should feel like a Mac or an iPhone, or a plain site with no build step | Puppertino |
| A mobile app with routing and gestures | Framework7 or Konsta |
| A neutral look you can brand | Tailwind, daisyUI or shadcn/ui |
| Real refraction over content, photos and video | Glassworks, alongside Puppertino |
Since 2019.
- 2019First commit: a file of buttons.
- 2021Version 1.0.
- 2024Siberian.
- 2026Dachshund, rebuilt on macOS 27.