Tabbied

What is Tabbied?

Tabbied is a free set of tools for getting past the blank canvas. It has 382 generative patterns, 437 color palettes and 377 website templates, and you can change every one of them to suit you: the colors, how busy the pattern is, and the arrangement of the shapes themselves.

People use them for wall art, phone wallpapers, slides, posters, packaging, book covers, and the website for their bakery. You don't need design skills, and you don't need an account to start.

A pattern for everything

Every Tabbied pattern is a small program rather than a picture, drawn fresh in your browser. Press Shuffle and you get an arrangement nobody has seen before. Browse them all in the pattern library.

Make it yours in seconds

1. Pick your colors. Choose one of 437 ready-made palettes, or click any swatch and mix your own.
2. Play with it. Shuffle the layout, choose a shape from tall to wide, and slide the density from a few bold shapes to a fine texture. Everything updates as you go.
3. Download it for free. Save a 3000px PNG for print, or a vector SVG you can scale as big as you like (most designs support it).

You can even put a photo of your own behind the pattern. It stays on your computer and comes along in both downloads.

Same pattern, any palette

Colors change everything. Choose a palette in the pattern library and every card re-colors with it, so you can browse in the colors you already have in mind.

377 website templates

Need a website instead of a picture? Every template is a complete one-page site for a real kind of business: a plant shop, an arcade bar, a balloon ride company, a music school, a dog groomer, a dentist, a bakery and lots more. Each one is built around a Tabbied pattern and themed with a single palette, which is why no two look alike. Browse them all.

Whole sites, not just a header

Each template has the sections a small business actually needs, from services and prices to opening hours and a way to get in touch, with copy you can read and replace.

Ready for phones

Every template works on a small screen, with its menu tucked behind a tidy button.

Make a template yours

• Re-color it. Choose any of the 437 palettes and the whole site follows: backgrounds, text, patterns and, on many templates, the illustrations too.
• Swap the patterns. One click draws a fresh pattern for every patterned area on the page.
• Download it. Get plain HTML that opens straight from a folder, or a React project ready to run.

Templates are free with an account. During the beta each account can choose five (and ask for more if you need them), and once a template is yours you can customize and download it as often as you like.

For developers

The patterns are also an open source library. Drop one into your own app:

npm install tabbied

import { TabbiedPattern } from 'tabbied/react';
import { radius } from 'tabbied/patterns';

export function Banner() {
  return <TabbiedPattern pattern={radius} fit="cover" style={{ width: '100%', height: 320 }} />;
}

The React docs and the package README cover the rest, including a version without React.

Working with an AI assistant? Tabbied has an MCP server, so tools like Claude Code can search the patterns and look at them before choosing one:

claude mcp add --transport http tabbied https://tabbied.com/mcp

Want to run the site yourself or contribute? Setup, tests and deployment are in docs/development.md.

Who made this

Tabbied is designed by Syung Hong and built by Ye Joo Park. We would love to hear what you make with it: write to [email protected] or open an issue.

Every pattern is drawn by css-doodle, made by Yuan Chuan. Thank you!

License

The tabbied pattern library (its patterns included), the MCP server and tabbied-templates are open source under the MIT License: see the LICENSE file in each of their folders under packages/.

Everything else here, the website templates and their pictures above all, is proprietary: see LICENSE. A template is yours to use once you download it from tabbied.com (free, with no account), under the Template License. Reading its source here, or its preview on the site, doesn't license it.