Ballmac UI home

Templates with a point of view

17 complete sites and apps, each with its own look, fonts and signature interaction. Install one as routes in your app, then make it yours.

Product marketing

Landing sites with their own look: AI, developer, Mac app and B2B products.

Beacon: launch site from blocks preview
Beacon: launch site from blocks

A four-page product site assembled entirely from Ballmac blocks (Hero6, Stats1, Features5, Testimonials2, Cta3, Pricing2, Pricing3, Faq2, Changelog1, Contact1) in one palette, so any section can be swapped for another block.

4 pages · Schibsted Grotesk + Geist Mono

Ledger: Mac app preview
Ledger: Mac app

A five-page site for a Mac app: an interactive desktop hero, a menu-bar tour, a native-features bento, a device lineup, license-or-subscription pricing, a download page, release notes and support.

5 pages · Newsreader + System UI (San Francisco)

Northwind: B2B SaaS preview
Northwind: B2B SaaS

A warm, editorial five-page site for a B2B product: serif headlines on cream paper, an interactive product tour with numbered pins, case studies, pricing, an about page and a demo request form.

5 pages · Fraunces + Figtree

Orbit: AI agent platform preview
Orbit: AI agent platform

A dark, four-page site for an AI agent platform: a hero that plays a live agent run, tools, an eval chart, traces, security, pricing with a usage calculator, a changelog and sign-in.

4 pages · Instrument Sans + JetBrains Mono

Relay: developer API platform preview
Relay: developer API platform

A paper-and-ink, terminal-flavoured site for a developer API: a live send console, the life of an event, a delivery map, language-synced docs, usage pricing and a status page.

4 pages · Hanken Grotesk + IBM Plex Mono

Applications

Working apps you install as routes: admin, chat, workspace and sign-in flows.

Atlas: store admin preview
Atlas: store admin

A dense, quiet six-page admin for an online store: a dashboard with a live date range, sortable orders with bulk actions, an order page with a refund flow, products, customers and settings.

6 pages · Manrope + Geist Mono

Auth Kit: complete sign-in flow preview
Auth Kit: complete sign-in flow

Seven auth pages in three switchable layouts (centered, split with art, frosted glass): sign in, sign up with a live password checklist, six-digit verification, forgot and reset password, team invite and a three-step onboarding.

8 pages · Outfit

Muse: AI chat app preview
Muse: AI chat app

A calm, reading-first AI chat app in five pages: a chat with reasoning, sources, a document panel and a model picker, a new-chat screen, projects, a library of everything made, and settings.

5 pages · DM Sans + Source Serif 4

Parcel: productivity workspace preview
Parcel: productivity workspace

A five-app productivity suite in one shell: a Today page with agenda, tasks and a focus timer, plus a full mail client, week calendar, drag-and-drop board and settings. A tab bar on phones.

5 pages · Albert Sans

Content and personal

Portfolios, agencies, publications and podcasts.

Folio: designer portfolio preview
Folio: designer portfolio

A bold five-page portfolio: a huge intro with inline colour pills, a work grid that reveals each result on hover and focus, an about bento, a case study with a sticky fact sheet and contents list, writing and a uses page.

5 pages · Bricolage Grotesque + Geist Mono

Marginalia: magazine preview
Marginalia: magazine

An editorial five-page magazine: a masthead between double rules, a lead story, an article with reading progress, drop cap and margin notes, section pages with sort and load more, author pages and an issues shelf with subscriptions.

5 pages · DM Serif Display + Lora + Public Sans

Studio: creative agency preview
Studio: creative agency

A loud, typographic five-page agency site: giant wide headlines, a work reel whose poster follows the pointer, numbered services that open, a work index with grid or table, project pages and a brief form.

5 pages · Archivo + Geist Mono

The Long Table: podcast preview
The Long Table: podcast

A warm five-page podcast site built on a new audio player: a home with a latest-episode hero and a mini player, an episodes archive, an episode page with chapters and a transcript that follows playback, hosts and subscribe.

5 pages · Young Serif + Nunito Sans

Specialty

Documentation, events, stores and mobile app sites.

Kiln & Co: online store preview
Kiln & Co: online store

A five-page store with a bag that persists across pages: a collage home, a filterable shop, a product page with glaze and gallery pickers, a bag with a free-shipping meter and promo code, and a validated checkout. Products are drawn in CSS.

5 pages · Fraunces + Hanken Grotesk

Northlight Summit: conference preview
Northlight Summit: conference

A five-page conference site under a sunrise ridgeline: a hero with a live countdown, a schedule you can star into an agenda with clash warnings, speakers with bios, tickets with a live total and promo code, and a venue guide.

5 pages · Unbounded + Figtree

Pocket: mobile money app preview
Pocket: mobile money app

A bold five-page landing site for a money app: a working app inside a phone frame, live feature demos (freeze a card, round-up calculator, bill splitting, currency conversion), pricing with a yearly switch, security and download.

5 pages · Gabarito

Tern: documentation preview
Tern: documentation

A five-page documentation site: search-first landing, a guide with synced language tabs, filterable API reference, search with highlighted matches and a changelog, with ⌘K search in the header.

5 pages · Newsreader + Instrument Sans + JetBrains Mono