Atomic Design Open Source Projects

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.

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

:tada: Sassy starter - HTML / SCSS (SMACSS)

An atomic design toolkit for pragmatists

A curated list of design systems. Learning materials and tools for creating your own design system.

Baseline atomic CSS toolkit.

The Bolt Design System provides robust Twig and Web Component-powered UI components, reusable visual styles, and powerful tooling to help developers, designers, and content authors build, maintain, and scale best of class digital experiences.

A Full MERN Stack Boilerplate for Web Apps including a local authentication system. Uses React, Express.js, MongoDB, Redux, Passport.js, Webpack, Testing, and more.

🎟 급증하는 트래픽에도 안정적인 예약 서비스, Atomic Pattern을 적용한 재사용 가능한 컴포넌트, 실용적인 Testing을 주제로 하는 이벤트 서비스

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.

Save and share your best solutions

Buffer's shared collection of React UI components 🤜🤛

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

Vue CLI plugin for Atomic Design & Storybook

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

Atomic development

Basic Structure for React app following Atomic Design

hTWOo - a better Fluent UI framework.