Tabbied

2019, revived 2026

Free website templates for every trade, with generated patterns in place of stock photos.

Links
https://tabbied.comSource
About

Tabbied is a free library of 300+ one-page website templates for trades, 300+ generated patterns and 400+ color palettes. Every template is built around a pattern instead of stock photos.

Recolor a template, swap its patterns and download it as HTML/CSS or React, with no account. The patterns are also an npm package for React, Vue, Svelte and plain JavaScript, with an MCP server for coding agents.

StackNext.js static export on Cloudflare Workers, with a Hono Worker, D1 and R2
Packagestabbied and tabbied-mcp on npm, MIT licensed
CreditsBuilt with Sy Hong
Patterns drawn with css-doodle by Chuan Yuan

Templates

300+ one-page sites for real kinds of business, 48 to a gallery page under 12 category filters. Search matches words and their stems, so “plumber” finds plumbing templates.

  • The Big Yard template, the top of its home page

    Big YardDog daycare

  • The Bridgeword template, the top of its home page

    BridgewordTranslation

  • The Fix-It Saturday template, the top of its home page

    Fix-It SaturdayRepair cafe

  • The Four Frames template, the top of its home page

    Four FramesPhoto booth hire

  • The Heron Point template, the top of its home page

    Heron PointGolf club

  • The Institut Vollmer template, the top of its home page

    Institut VollmerMaterials research

  • The Madrigal template, the top of its home page

    MadrigalViolin atelier

  • The Pinewood RV Park template, the top of its home page

    Pinewood RV ParkCampground

  • The Plumbline Payroll template, the top of its home page

    Plumbline PayrollPayroll and HR

  • The Second Life Vintage template, the top of its home page

    Second Life VintageVintage clothing

  • The Stillpoint Massage template, the top of its home page

    Stillpoint MassageMassage therapist

  • The The Gimlet template, the top of its home page

    The GimletCocktail bar

Twelve templates at desktop width, from a golf club to a payroll consultant.
The template gallery filtered by trade: Food & drink, Health, then Studio.

Whole sites

Each template has the sections a small business needs, with copy written for its trade. Every one works on a phone, most with their links behind a Menu button.

Chronométrie Bex, a watch manufacture, from its hero numbers to the workshop.
Posy, a wedding florist, opening its menu on a phone.
Pho Nam, a Vietnamese noodle house, from its hours to the numbered board.
Casa Olivo, a tapas bar: the tiled hero, then sixteen plates on the wall.
Forge Strength, a strength gym: hours, memberships, then eight ways to train.
Odd Shape Studio, a freelance graphic designer, from its pitch to selected identities.
Bureau Vektor, a public statistics office: headline figures, then one series.
Klangwerk, an electroacoustic studio, from its dark hero to the three rooms.
Sleepwell, a sleep clinic, opening its menu, then a night’s chart and a checklist.
Zenith, an observatory: a countdown to the next viewing night, then the evening’s program.
Saltline Oyster Bar, a seafood restaurant: today’s oysters charted by brine, then the raw bar.
Fringe, a hair salon: hours and address, then prices at three stylist levels.
Delancey Deli, a sandwich deli: a paid receipt, then the board of sandwiches.
Orbital, a listening bar: three rings of seats, then the nine parts of its system.
Zwölfton, a new-music ensemble: a twelve-tone row, then the season’s six nights.

Make it yours

Picking a palette recolors the whole page through its CSS custom properties, on many templates the illustrations too. Shuffle patterns redraws every pattern field from the library.

The home page demo: Live Wire Electric recolored and given new patterns from a toolbar.
High Pass Lodge recolored in the customizer; the mountains follow each palette.
Shuffle patterns redraws every pattern field on Understory Plant Care.

Downloads

Downloads are free and need no account: plain HTML that opens straight from a folder, or a React project with a Vite scaffold.

Corner Pharmacy, an independent pharmacy, in the customizer’s Download menu: HTML & CSS or React.
Eighteen more designs, all in the page’s warm greys on a clear ground, drawn live by the tabbied package.

Patterns

Each pattern is a small css-doodle program drawn live in the browser from a seed, so Shuffle gives a new arrangement every time.

Bauhaus
Lintel
Duotone Truchet
Halftone
Petalcut
Pentomino
Cairo
Kawung
Mitre
Nine of the 300+ designs in the Limeade palette, drawn live by the tabbied package; each reseeds on its own clock.
The pattern library recolored from its sidebar, every card drawn live.
Shuffle in the editor: a new seed, and the cells ease into place.
Aspect ratio from tall to wide, then grid density from fine to coarse.

Palettes

400+ curated palettes of 3 to 7 colors, searchable by name, color the library, the editor and the templates alike. A pattern exports as a 3000px PNG, a vector SVG or code.

Bauhaus
Sunset
Berry
Matcha
Candy
Terracotta
Ogee in six library palettes, reseeded together so only the color changes.
Searching palettes for “berry” and “light”, and trying the results on Blossom.
Export: PNG, SVG, a share link, or code for React, Vue, Svelte and more.
Export: PNG, SVG, a share link, or code for React, Vue, Svelte and more.
Home page, gallery search for “tapas”, Casa Olivo recolored and reshuffled, then the pattern editor.

For developers

The tabbied npm package draws the same patterns in React, Vue, Svelte, a web component or plain JavaScript, and a bundle carries only the designs it imports.

import { TabbiedPattern } from "tabbied/react";
import { chamfer } from "tabbied/patterns";

<TabbiedPattern
  pattern={chamfer}
  palette={["transparent", "#FF4D6D", "#2E86AB",
    "#F5B82E", "#7E4A8C", "#2BB3A3"]}
  seed="park"
  density={0.5}
/>
The React component from the package: the seed in the code is the seed on screen.
The For developers page: one package, six setups and tools for AI assistants.

MCP server

At tabbied.com/mcp, coding agents can search the patterns, look at their previews and get ready code. Run locally, the server also renders SVG and PNG files.

The MCP server’s page: one URL to add, with setup for each client.
The seven tools, from search_designs to render_design, and example prompts.

Stack

The site is a static Next.js export on Cloudflare Workers. A small Hono Worker handles accounts, downloads, the API and MCP, with D1 and R2 behind it.