React starter kit based on Atomic Design

The Node version of Pattern Lab

🔬 How the Atomic Design methodology can create a great design system from scratch and make better developers.

The repository for the Atomic Design book

Build declarative, responsive layouts in React using CSS Grid.

The utility-first CSS lib for type-safe design systems. No runtime injection, no class soup, no bundler required—just predictable styling with atomic CSS variables.

Make a pattern library using atomic design.

📒 A curated list of bookmarks, resources and articles about design systems focused on developers.

An atomic design toolkit for pragmatists

DEPRECATED: Atomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System 🌈DE

Starter template for Vite with React (TypeScript). Supports Tailwind. Vitest and @react/testing-library configured and ready to go. Also ESLint, Prettier, and Atomic Design for components.

Atomsk: A Tool For Manipulating And Converting Atomic Data Files -

🚀 Next.js 16+ boilerplate with typescript, husky, lint-staged, biome, vitest, react-testing-library, storybook, and GH actions.

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!

Save and share your best solutions

Starter template for NextJs with TypeScript. Supports Tailwind. Vitest and @react/testing-library configured and ready to go. Also ESLint, Prettier, Husky, Commit-lint and Atomic Design for components.

A comprehensive, SDK-agnostic UI library built on Atomic Design principles. Create beautiful, accessible AI chat experiences with full TypeScript support, theming, and extensive customization options.

Buffer's shared collection of React UI components 🤜🤛

A CSS framework for utilizing the Atomic design pattern

:microscope: A simple and fast Atomic Design boilerplate.

The official style guide and framework for all Zalando Brand Solutions products

Vue CLI plugin for Atomic Design & Storybook

Basic Structure for React app following Atomic Design

React based boilerplate for creating scalable and well documented Design Systems. Live demo https://pulse.heartbeat.ua

hTWOo - a better Fluent UI framework.

Atoms is a powerful and flexible atomic state management library for Swift, designed to create compact, independent global state components with seamless adaptability and composition.

Passo-a-passo do desenvolvimento de um site usando Gulp, Jade, Stylus e Atomic Design.

Online bookmark manager with a focus on simplicity, customizability, privacy, and speed.

An example of a mono-repository of shared React components libraries!

Atomic design and Pattern Lab friendly, component-based, fairly unopinionated starting point for new Drupal themes