SaaS design system with the product already drawn
MoleUI gives you marketing sections, app blocks and finished product screens on one set of tokens, so your site and your app look like they came from the same team.
- Dana Walkerdana@moleui.comOwner
- Sam Turnersam@moleui.com
- Riley Bennettriley@moleui.com
Resets on Dec 1. Team plan.
- Bluefin−$38k
- Kestrel−$21k
- Marlow & Co−$14k
Workflows
3 active- Weekly revenue digestMon 08:00 · #revenue-team38s
- Pipeline healthDaily 07:30 · Email52s
- Quarterly P<imed out after 120s
- EMEA weekly pipelinePaused by SamPaused
Schedule
Send the digest when the week closes.
Next runs- Mon, Nov 9 · 08:00
- Mon, Nov 16 · 08:00
- Mon, Nov 23 · 08:00
- Revenue overview↵
- Global sales by region
- Pipeline health
- Invite a teammate
- Export as CSV
No results
Top accounts
View all| Account | ||
|---|---|---|
| Northwind | $184k | +12% |
| Hollow Pine | $121k | +4% |
| Bluefin | $96k | −8% |
| Kestrel | $71k | +2% |
Made to be edited, not traced over
Every layer is real layout and every value is a token. Rewrite the copy, swap the brand colour or drop a column, and the screen still holds together.
Real layout, not drawings
Sections and blocks resize, wrap and stack on their own, so longer copy or an extra row never breaks the grid.
Tailwind v4 tokens
Colour, type, spacing and radius use Tailwind and shadcn names, so every value in a handoff maps to a class.
Light and dark
Every colour has a tuned dark twin. Surfaces, edges and charts are balanced for each theme, not inverted.
Desktop and mobile
Each section and screen has a mobile layout drawn on purpose, with 44px tap targets and stacked tables.
One token set for the site and the app
Change a colour, a radius or a font once and every section, block and screen in the file follows. No hand syncing between marketing and product.
- OKLCH colours, each with a dark twin
- Edges are 0.5px shadows that sit well on any ground
- The theme block pastes straight into Tailwind
Sections for every page of the site
Heroes, features, pricing, social proof, FAQs, changelog, careers and more. Each one is filled with real copy and live product UI, at desktop and mobile, then assembled into ready pages.
- Navbar
- Hero
- Logo cloud
- Bento
- Feature tabs
- Steps
- Stats
- Integrations
- Testimonials
- Pricing
- Comparison
- FAQ
- Changelog
- Blog
- Careers
- Security
- Contact
- Newsletter
- CTA
- Footer
- Auth
- 404
The app is drawn too
App shell, sidebars, data grids, charts, AI chat, overlays, settings and billing. Assembled into full screens for dashboards, CRM, analytics, projects and support.
Developers read the same names you do
Paper exports JSX, and MoleUI's tokens already use Tailwind's names. A muted label in the design is text-muted-foreground in code. Nobody has to translate.
- shadcn semantic colour names
- Tailwind spacing, radius and container scale
- Layer names that describe their role
/* MoleUI tokens, Tailwind v4 */@import "tailwindcss"; @theme { --color-background: var(--color-white); --color-foreground: var(--color-zinc-950); --color-muted-foreground: var(--color-zinc-500); --color-border: oklch(0% 0 0 / 12%); --color-ring: var(--color-indigo-500); --radius-lg: 8px;}Pay once. Use it on every project.
No subscription and no seat tax on clients. Pick a license, check out with Polar and open the file in Paper a minute later.
- Foundations and componentsColour, type, spacing, radius and every base component.
- Marketing sectionsHeroes, features, pricing, FAQ, blog, careers and more.
- Marketing pagesHome, pricing, about, customers, changelog and auth.
- Product blocksShells, sidebars, data grids, charts, AI, overlays.
- Product screensDashboard, CRM, analytics, projects and support apps.
- Desktop and mobileEvery section and screen at 1280 and 390.
One-time payment. Tax is calculated at checkout.
- License for 1 designer
- Unlimited personal and client projects
- Every future update, free
One-time payment. Tax is calculated at checkout.
- License for up to 5 designers
- Unlimited personal and client projects
- Every future update, free
- Priority email support
- Secure checkoutPayments run on Polar
- Tax and invoicesHandled for you, worldwide
- Delivered at onceDuplicate the file in Paper
- Client work includedCommercial use on both plans
Questions
Anything else? Write to hello@moleui.com.
What do I get?
One Paper file with the foundations, components, marketing sections, assembled marketing pages, product blocks and full product screens. Every value is bound to the same tokens.
How do I get the file after buying?
Right after checkout, Polar shows you a link to the MoleUI file in Paper, and it stays in your receipt email and Polar account. Open it and duplicate the file into your own Paper workspace, then work in your copy.
How often is MoleUI updated?
Every month at least, often every week. Each release adds new sections, blocks or screens and polishes the ones already there. Updates are free for every license: open your link from Polar again and duplicate the latest version.
Which tool do I need?
Paper. The file is built natively there, with real layout and tokens, so there is nothing to import or convert.
Does it match a Tailwind codebase?
Yes. Token names follow Tailwind v4 and shadcn (background, foreground, muted, ring, radius-lg and so on), so developers see the same names in the design and in code.
Is dark mode drawn or just inverted?
Drawn. Each colour has its own dark value. Components, every desktop section and every product block ship with a dark version. Assembled pages are light.
What about tablet?
The kit covers desktop (1280) and mobile (390). Layouts use wrap and container tokens, so widths in between behave without a separate file.
Can I use it for client work?
Yes. Both licenses allow commercial and client projects. Personal is for one designer, Team covers up to five people on the same file. The full terms are on the license page.
Are the fonts and icons free?
Yes. Geist, Geist Mono and Geist Pixel are under the SIL Open Font License, and the icons are Lucide, under ISC.
Start your next SaaS from finished screens
The full MoleUI file, every section, block and screen, for one payment.
Get MoleUI