Ready-made templates. Download, edit, ship.

Parley is a helpdesk and customer support UI kit for e-commerce and SaaS support teams and founders building support tools. It comes in four parts that work as one product and share one demo dataset: the product website with pricing, sign-up and onboarding, a demo public help center with a live chat widget, the agent workspace with a shared inbox, tickets, live chat, automations, SLA policies and reports, and an agent mobile app. The design is risograph print: two overprinted inks in tomato and teal with yellow and blue, halftone dot patterns, slight misregistration, light paper grain in the heroes, crisp print-shadow cards and medium-rounded corners on a light paper canvas, with deep ink in dark mode and SVG riso art instead of photos.

1. 0154 screens in four parts, exported as 230 static HTML pages
2. 02Website (15 screens): home, product tour, pricing, customers, integrations, changelog, about, contact, legal and 404, plus log in, sign up, forgot password, email verification and onboarding
3. 03Help center (5 screens): a demo help center for the fictional Northpine Outfitters with 6 categories, 18 articles, a contact form, a message sent page and a live chat widget
4. 04Agent workspace (19 screens): dashboard, a three-pane shared inbox with 12 views, ticket pages, customers and customer profiles, live chat, macros, views, knowledge base and article editor, automations and a rule builder, SLA policies, reports with an hour-by-weekday heatmap and CSAT, team and schedules, integrations, settings, notifications and search
5. 05Agent app: 14 phone screens at 390 × 844 and a gallery page, from the queue, tickets and replies with macros to live chat, SLA alerts and personal stats
6. 06One consistent demo dataset: status counts, view counts, SLA timers and workload are computed from the ticket records, and reports add up across days, weeks, channels and agents
7. 07Charts drawn in plain SVG, no chart library: area, bar, heatmap, sparkline, ring and share bars
8. 08Light and dark themes and 5 accent presets (tomato, teal, blue, violet, ink), each switched by one attribute on html; ticket status, priority and channel colors stay fixed
9. 09Responsive from 360 px phones to 1440 px desktops, keyboard accessible menus, tabs and dialogs
10. 10Realistic demo content with fictional people, companies and products. No lorem ipsum, no stock photos

Fonts and icons: Familjen Grotesk, Hanken Grotesk and JetBrains Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Roster is a hiring and applicant tracking (ATS) UI kit for growing companies, in-house recruiting teams and founders building hiring tools. It comes in four parts that work as one product and share one demo dataset: the product website with pricing, sign-up and onboarding, a demo public careers site, the ATS app with pipeline boards, candidates, interviews, scorecards, offers and reports, and a candidate mobile app. The design is Bauhaus: circles, squares and triangles in flat red, blue and yellow, thick black rules, wide heavy headlines and mono labels on a warm off-white canvas in light and near-black in dark, with geometric SVG compositions instead of photos.

1. 0154 screens in four parts, exported as 161 static HTML pages
2. 02Website (15 screens): home, product tour, pricing, customers, integrations, changelog, about, contact, legal and 404, plus log in, sign up, forgot password, email verification and onboarding
3. 03Careers site (3 screens): a demo careers site for the fictional Lumen Robotics with a filterable job board, 14 job posts with an apply form, and an application sent page
4. 04ATS app (21 screens): dashboard, jobs, a pipeline board for every job, new job wizard, candidates and candidate profiles, talent pool, sourcing, interview calendar, interview kits with scorecards, offers with approvals, onboarding, inbox, reports, team, careers page editor, integrations, settings, notifications and search
5. 05Candidate app: 14 phone screens at 390 × 844 and a gallery page, from applications and status to picking a slot, interview prep, the offer and preboarding
6. 06One consistent demo dataset: stage counts, pipeline totals, offer states and the 12-month reports are computed from the records
7. 07Charts drawn in plain SVG, no chart library: bar, area, funnel, ring and share bars
8. 08Light and dark themes and 5 accent presets (red, blue, yellow, green, ink), each switched by one attribute on html; pipeline stages keep a fixed palette
9. 09Fair hiring by default: no photos, ages or demographic fields on people; diversity reporting is aggregate and voluntary
10. 10Responsive from 360 px phones to 1440 px desktops, keyboard accessible menus, tabs and dialogs
11. 11Realistic demo content with fictional people, companies and products. No lorem ipsum, no stock photos

Fonts and icons: Archivo and Space Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Kestrel is a sales CRM UI kit for small B2B sales teams, SaaS founders and agencies building sales tools. It comes in three parts that work as one product and share one demo dataset: the product website with pricing, sign-up and onboarding, the CRM app with a pipeline board, deals, an inbox, sequences and a forecast, and a mobile companion. The design is Swiss precision: a strict grid, hairline rules instead of shadows, tabular numbers, a warm paper canvas in light and graphite in dark, one signal accent and an SVG flight-path motif instead of photos.

1. 0155 screens in three parts, exported as 154 static HTML pages
2. 02Website (15 screens): home, product tour, pricing, customers, integrations, changelog, about, contact, legal and 404, plus log in, sign up, forgot password, email verification and onboarding
3. 03CRM app (25 screens): dashboard, pipeline board, deals, contacts and companies with detail pages, inbox, sequences with a sequence page, tasks, calendar, activities, reports and forecast, quotes with a quote page, price book, team and quotas, leaderboard, integrations, settings, notifications, search and import
4. 04Mobile companion: 14 phone screens at 390 × 844 and a gallery page, from today and pipeline to deal, call log, quick note, inbox and card scan
5. 05One consistent demo dataset: stage totals, quota attainment, bookings and the quarterly forecast are computed from the deal records
6. 06Charts drawn in plain SVG, no chart library: area, stacked bar, sparkline, ring and share bars
7. 07Light and dark themes and 5 accent presets (vermilion, cobalt, emerald, violet, amber), each switched by one attribute on html; deal stages keep a fixed palette
8. 08Responsive from 360 px phones to 1440 px desktops, keyboard accessible menus, tabs and dialogs
9. 09Realistic demo content with fictional people, companies and products. No lorem ipsum, no stock photos

Fonts and icons: Geist, Geist Mono and Instrument Serif (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Learnly is an online course platform UI kit for course creators, academies, bootcamps and edtech teams. It comes in four parts that work as one product: the academy website with course pages, sign-up and onboarding, the student app with a lesson player, quizzes and certificates, the instructor studio behind it, and a mobile app. The design is claymorphism done with restraint: soft clay surfaces, pill controls, a vivid but orderly palette, light and dark themes, five accent presets and glossy SVG clay illustrations instead of photos.

1. 0169 screens in four parts, exported as 116 static HTML pages
2. 02Academy site (16 screens): home, course catalog, course page, learning paths, teach, teams, pricing, about, contact, legal and 404, plus log in, sign up, forgot password, email verification and onboarding
3. 03Student app (19 screens): dashboard, my courses, course overview, lesson player with notes, transcript and Q&A, quiz and quiz result, project submission, certificates with a verify page, calendar, community with threads, messages, achievements, notifications, search, explore, checkout and settings
4. 04Instructor studio (15 screens): overview, courses, course builder, new course, lesson editor, quiz editor, students with learner detail, grading, live sessions, reviews, analytics, earnings, promotions and settings
5. 05Mobile app: 18 phone screens at 390 × 844 and a gallery page, from welcome and onboarding to lesson, quiz, streak, downloads, Learnly Plus and certificate
6. 06Charts drawn in plain SVG, no chart library: area, bar, sparkline, ring and share bars
7. 07Light and dark themes and 5 accent presets (grape, coral, mint, ocean, berry), each switched by one attribute on html
8. 08Responsive from 360 px phones to 1440 px desktops, keyboard accessible menus, tabs and dialogs
9. 09Realistic demo content with fictional people, courses and schools. No lorem ipsum, no stock photos

Fonts and icons: Bricolage Grotesque, Nunito and Martian Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Issue is a newsletter, membership and community platform template for founders, agencies and independent writers. It comes in three parts that work as one product: the platform's marketing site with sign-up and onboarding, a reader-facing sample publication with posts, a paywall, checkout and a members' community, and the creator dashboard behind it. The design is editorial: paper and ink in light and dark, serif reading type with drop caps and pull quotes, five accent presets and hand-drawn SVG illustrations instead of stock photos.

1. 0146 pages in three parts, exported as 80 static HTML pages
2. 02Platform site: home, features, pricing, discover, migrate, about, contact and legal, plus log in, sign up, forgot password, email verification and a five-step onboarding
3. 03Sample publication, The Long Field by Mara Ellison: home, archive, posts with drop caps, pull quotes and footnotes, a paywall you can preview as a free reader or a member, about, subscribe, checkout, gift, welcome, community with threads and a reader account
4. 04Creator dashboard: overview, inbox, posts, editor, post stats, subscribers with detail and CSV import, tiers, offers, community moderation, referrals, emails with an automation builder, analytics, revenue, payouts and settings for general, domain, team and billing
5. 05Charts drawn in plain SVG, no chart library: area, bar, sparkline and funnel views
6. 06Light and dark themes and 5 accent presets (vermilion, moss, ink, plum, ochre), each switched by one attribute on html
7. 07Responsive from 360 px phones to 1440 px desktops, keyboard accessible menus, tabs and dialogs
8. 08Realistic demo content with fictional people and publications. No lorem ipsum, no stock photos

Fonts and icons: Fraunces, Hanken Grotesk and Spline Sans Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Plinth is a themeable React component library and design system for product teams, agencies and indie makers. It gives you 36 accessible components, 26 page blocks and 7 complete example apps, all driven by a handful of design tokens: one accent, one radius value and a light and dark palette. Every component is a single readable file you copy into your project and own. No package to fight and no runtime dependency beyond React, Tailwind CSS and Lucide icons.

1. 0136 components with live examples, props tables and accessibility notes. Inputs: button, input, textarea, select, checkbox, radio group, switch, slider, segmented control, combobox, date picker, file upload. Overlays and navigation: dialog, sheet, popover, tooltip, dropdown menu, command palette, toast, tabs, accordion, breadcrumb, pagination, stepper. Data display: avatar, badge, card, alert, progress, skeleton, table, data table, empty state, kbd, stat, charts
2. 02A data table with sorting, filtering, selection and pagination, a ⌘K command palette, a keyboard-first date picker and line, area, bar and donut charts, all written from scratch
3. 03Theme system: 6 accent presets, 5 radius presets, light and dark. One attribute on html switches each, and the theme customizer writes the CSS for you
4. 0426 blocks: heroes, features, stats, pricing, testimonials, CTA, auth, forms, tables, lists, empty states, footers, navigation
5. 057 example apps: a SaaS dashboard, a mail client, a kanban task board, settings, authentication, pricing and onboarding
6. 06A documentation site for the library: introduction, installation, theming, design tokens and a page per component, with ⌘K search
7. 07Responsive from 360 px phones to 1440 px desktops, keyboard accessible, WAI-ARIA patterns throughout
8. 08Realistic demo content. No lorem ipsum, no stock photos

Fonts and icons: Instrument Sans and DM Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Pagewright is a developer documentation template for API companies, SaaS teams and open-source projects. It covers everything a docs site needs: a docs home, getting started, concept pages, SDK pages, a two-pane API reference, an interactive API explorer, guides, examples, a changelog, a status page, a help center and ⌘K search. Editorial and technical in style: clean paper, IBM Plex type, a cobalt accent and code blocks that stay dark in both themes. Light by default with a dark theme.

1. 0131 screens across 43 pages: Docs home, Introduction, Quickstart, Installation, Authentication, Jobs, Queues, Events, Retries, Schedules, SDK overview, SDK detail (4 languages), Webhooks, Rate limits, Errors, Security, API introduction, API resource reference (6 resources), API explorer, Guides, Guide detail (6 tutorials), Examples, Changelog, Status, Support, Search, Sign in, Sign up and 404
2. 02A two-pane API reference: parameters on the left, sticky request and response examples on the right, all generated from one typed data file with 25 endpoints
3. 03An API explorer: pick an endpoint, fill the form, send it and get a realistic response, then copy the request as cURL, Node.js or Python
4. 04Code blocks with a built-in syntax highlighter for 9 languages, language tabs that remember the reader's choice, copy buttons, file titles and marked lines
5. 05⌘K search palette, “On this page” navigation with scroll spy, page feedback, previous and next links, a version switcher
6. 06Documentation blocks: callouts, steps, link cards, accordions, file trees, parameter lists, method badges, diagrams
7. 07Responsive from 360 px phones to 1440 px desktops
8. 08Realistic demo content for a fictional API product. No lorem ipsum, no stock photos

Fonts and icons: IBM Plex Sans and IBM Plex Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Solenne is a home energy app UI kit for solar installers, battery makers, utilities and smart-home teams. It covers the whole home energy picture: live power flow, rooftop solar, the home battery, the grid, EV charging, smart devices, rooms, automations, savings, tariffs and monthly reports. Mobile first with a floating tab bar on phones and a sidebar on desktop, in a soft 3D style: warm paper canvas, raised cards, sunrise gradients and small illustrated sun, battery and house. Light by default with a warm night dark theme, set in Manrope.

1. 0132 screens: Home, Live flow, Alerts, Solar forecast, Solar, Panels, Battery, Home usage, Grid, Devices, Device detail, Rooms, Room detail, Automations, Automation detail, New automation, Savings, Tariff, Reports, Monthly report, EV charging, Settings, Home settings, System, Members, Notifications, Welcome, Sign in, Sign up, Onboarding, Add a device and 404
2. 02Animated energy flow between sun, battery, grid and home that follows the direction of each flow
3. 03Step-by-step flows: automation builder (When / If / Then), five-step onboarding, add-a-device pairing, sign up
4. 04Charts built in, no chart library: line, bar, donut, sparkline and stat tiles, with fixed colors for solar, home, battery and grid
5. 05Responsive from 360 px phones to 1440 px desktops
6. 06Component library page: buttons, inputs, tabs, switches, badges, energy icons, charts, modals
7. 07Realistic demo data: a full day hour by hour, 30 days, 12 months of reports, 12 devices, 7 rooms and 6 automations. No lorem ipsum, no stock photos

Fonts and icons: Manrope and JetBrains Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Rawcut is a complete e-commerce template for independent fashion and streetwear brands. Brutalist on purpose: hard 2px lines, no rounded corners, huge condensed type, offset shadows and one acid accent. Mobile first, light and dark, with real photos so it looks finished out of the box.

1. 0131 page templates (80 pages in the HTML edition): Home, Shop all, Category, Search, Product, Size guide, Gift card, Cart, Checkout, Order confirmation, Account dashboard, Sign in, Register, Orders, Order detail, Addresses, Wishlist, Settings, Drop, Lookbook, About, Journal, Article, Stores, Help center, Shipping & returns, Contact, Privacy, Terms, Style guide and 404
2. 02Full shopping flow: filters and sort, quick add, bag drawer, cart with discount codes, 4-step checkout with validation, order tracking
3. 03Product page with zoom gallery, color and size pickers, size guide, sold-out and restock alerts, open-costs breakdown and reviews
4. 04Drop launch page with a live countdown and waitlist, lookbook with shop-the-look
5. 05App-style bottom tab bar on phones, bottom-sheet filters, sticky add to bag. Responsive from 360 px to 1600 px
6. 0633 demo products and 54 royalty-free photographs included (CC0, free for commercial use)
7. 07Style guide page with tokens, type scale, components and photos

Fonts and icons: Archivo and Geist Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Ombrelle is a bold, modern portfolio website kit for architects, photographers and design studios. Huge, tight Geist headlines, rounded bento grids, full-width image panels, glass details and smooth scroll reveals. Light by default with a carbon dark theme and one signal-orange accent.

1. 0125 page templates: three home pages (architecture studio, photographer, interiors studio), Work grid, Work archive, Project case study, Studio, Services, Process, Press & awards, Clients, Careers, Role & application, Journal, Article, Photo series, Series detail, Exhibitions, Print shop, Print detail, Contact, Project enquiry, Privacy, Style guide and 404
2. 0253 royalty-free photographs of luxury modern houses and interiors included (CC0, free for commercial use)
3. 03Case studies with chapters, plan and elevation drawings and a full-screen gallery
4. 04Sortable archive with hover previews, work filters, reading progress, calendar downloads and a print bag
5. 055-step project enquiry, contact page with an illustrated map, application form
6. 06Bento layouts, pill buttons, floating glass header and pure-CSS scroll reveals and tickers
7. 07Responsive from 360 px phones to 1440 px desktops
8. 08Style guide page with tokens, type scale, photography and components

Fonts and icons: Geist and Geist Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Coinmere is a personal finance app UI kit for fintech teams and neobank side projects. It covers everyday money end to end: balances and accounts, physical and virtual cards, payments, bills, budgets, savings goals, insights and investing. Mobile first with a bottom tab bar on phones and a sidebar on desktop, in frosted glass over a soft aurora. Dark by default with a light theme, set in Geist.

1. 0131 screens: Home, Accounts, Account detail, Cards, Card detail, Transactions, Transaction detail, Payments, Send money, Request money, Top up, Exchange, Bills & subscriptions, Budgets, Budget detail, Goals, Goal detail, Insights, Invest, Notifications, Settings, Profile, Security, Preferences, Help & support, Welcome, Sign in, Sign up, Onboarding, Lock screen and 404
2. 02Step-by-step flows: send money with a custom keypad, request and split, currency exchange, card PIN, sign-up email code, onboarding and passcode lock
3. 03Card faces in four tones with freeze, reveal details, limits and per-card controls
4. 04Charts built in, no chart library: line, area, bar, donut, sparkline and stat tiles with tooltips
5. 05Responsive from 360 px phones to 1440 px desktops
6. 06Component library page: buttons, inputs, tabs, switches, card faces, category icons, modals, charts
7. 07Realistic demo data: accounts, 63 transactions, budgets, goals, bills and a portfolio. No lorem ipsum, no stock photos

Fonts and icons: Geist and Geist Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Agentfold is a dashboard kit for teams building AI products. It covers the whole life of an agent: build it, test it in a playground, wire it into a workflow, watch every run step by step, score it with evaluations and keep an eye on cost and latency. Dark by default with a light theme, set in Geist.

1. 0128 screens: Overview, Agents, Agent detail, Create agent, Playground, Workflows, Workflow builder, Knowledge bases, Tools, Prompt library, Runs, Run trace viewer, Evaluations, Evaluation detail, Datasets, Monitoring, Logs, Alerts, 5 Settings pages, Sign in, Sign up, Onboarding and 404
2. 02Run trace viewer with a step waterfall and an input/output inspector
3. 03Workflow builder canvas with node palette, inspector and test runs
4. 04Charts built in, no chart library: line, area, bar, donut, sparkline and stat tiles with tooltips
5. 05⌘K command palette, mobile navigation, responsive from 360 px to 1440 px
6. 06Component library page: buttons, inputs, tabs, tables, menus, modals, code blocks, charts
7. 07Realistic demo data: 7 agents, 64 runs with full traces, eval suites, logs. No lorem ipsum, no stock photos

Fonts and icons: Geist and Geist Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.

Tessera is a landing page kit for SaaS and startup teams, built around one idea: every section snaps to the same bento grid. Tiles come in four sizes, so you can mix a pricing table, a feature mosaic and a customer story on one page and it still looks designed together.

1. 0110 ready pages: Home, Pricing, Features, Integrations, About, Blog, Blog post, Changelog, Contact and Sign in, plus a 404 page
2. 02133 sections in 16 categories: 24 bento grids, 14 heroes, 10 feature layouts, 10 testimonials, 10 calls to action, 8 pricing sections, 8 navigation bars, 8 footers and more
3. 03Light and dark mode from one set of design tokens
4. 04Responsive from 360 px phones to 1440 px desktops
5. 05Realistic SaaS copy, charts and product UI built in code: no lorem ipsum, no stock photos to license
6. 06Interactive pieces in the Next.js edition: usage-based pricing slider, seat and savings calculators, tabbed previews, carousel, searchable FAQ, mega menu, ⌘K search and a demo-booking picker

Every section has the same ID in both editions (for example H-03 or B-17). Fonts and icons: Instrument Sans, Instrument Serif, Onest and JetBrains Mono (Google Fonts, SIL Open Font License) and Lucide icons (ISC). All free for commercial use.