Stop building generic, flat UIs. Paperweight UI brings physical stationery craft to Next.js 16, Tailwind CSS v4, & AI coding assistants with zero NPM bloat and 1-click DESIGN.md prompt generation.
No reviews yetBe the first to leave a review for Paperweight UI
Maker
📌
Hey Product Hunt! 👋 I’m Dhairya, creator of Paperweight UI.
Let’s be honest: Most modern web apps suffer from UI homogenization. In the era of AI tools, building software is faster than ever—but everything ends up looking like the same flat, generic template.
Have you ever noticed those subtle, tactile 3D buttons, light-refracting bevels, and carved input wells on sites like Canva, Clerk, or Linear? You’ve seen them, you loved the physical craft... but when you searched for a UI library to build them, nothing existed.
So I built Paperweight UI — a tactile, editorial design system inspired by precision hardware and physical stationery.
💡 What makes Paperweight UI different?
• 🚫 Zero NPM Bloat: No heavy SDKs or rigid component locks to fight against.
• 🤖 AI-Native (DESIGN.md Generator): A 1-click prompt feed for Cursor, Claude, V0, and Antigravity that teaches AI agents your exact micro-elevation physics, warm canvas tokens (#FAFAFA), and hairline border rules.
• 🎨 Dynamic Theme Tokens: Pre-configured to Blueprint Blue (#2563EB) with live switching for Ink Emerald, Amber Wax, Crimson Stamp, and Deep Slate.
• ⚡ Modern Stack: Built natively for Next.js 16 (App Router), React 19, and Tailwind CSS v4.
Explore the live sandbox at paperweight.web.app or grab the open-source repo on GitHub! I’d love to hear your thoughts, feedback, and favorite token combinations in the comments! 🚀
Report
The stationery aesthetic is a nice change of pace from the usual flat dashboards, and the DESIGN.md prompt trick actually saved me a bunch of setup time. Curious to see how it holds up once a project gets more complex than a landing page.
Report
Maker
@odin_bai Great question! That’s actually one of the core design goals. Paperweight UI isn’t just a landing-page kit - it’s built as a design system with reusable components, consistent spacing, typography, and interaction patterns for full applications. We’ve already been using it across dashboards, forms, auth flows, and documentation pages. I’d love to hear where you think it might struggle so we can improve it.
Report
the stationery craft angle is genuinely refreshing, so many UI kits feel like the same flat components recycled. love that it's leaning into physical textures and paper-like details instead.
Report
Maker
@testingpro Thanks, Emery! That was exactly the goal. I wanted to move away from the “everything looks like shadcn” trend and bring back tactile interfaces inspired by real stationery and precision hardware. Really appreciate the feedback!
The stationery aesthetic is a nice change of pace from the usual flat dashboards, and the DESIGN.md prompt trick actually saved me a bunch of setup time. Curious to see how it holds up once a project gets more complex than a landing page.
@odin_bai Great question! That’s actually one of the core design goals. Paperweight UI isn’t just a landing-page kit - it’s built as a design system with reusable components, consistent spacing, typography, and interaction patterns for full applications. We’ve already been using it across dashboards, forms, auth flows, and documentation pages. I’d love to hear where you think it might struggle so we can improve it.
the stationery craft angle is genuinely refreshing, so many UI kits feel like the same flat components recycled. love that it's leaning into physical textures and paper-like details instead.
@testingpro Thanks, Emery! That was exactly the goal. I wanted to move away from the “everything looks like shadcn” trend and bring back tactile interfaces inspired by real stationery and precision hardware. Really appreciate the feedback!