Projects in Awesome Lists tagged with atomic-design

https://github.com/diegohaz/arc

React starter kit based on Atomic Design

atomic-design boilerplate css-in-js isomorphic jest react react-router redux redux-saga starter-kit storybook styled-components universal

Last synced: 14 May 2025

https://github.com/pattern-lab/patternlab-node

The Node version of Pattern Lab

atomic-design design-systems hacktoberfest javascript nodejs pattern-lab

Last synced: 14 May 2025

https://github.com/danilowoz/react-atomic-design

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

atomic-css atomic-design boilerplate css-architecture css-modules design-patterns flowtype react storybook

Last synced: 08 Apr 2025

https://github.com/kettanaito/atomic-layout

Build declarative, responsive layouts in React using CSS Grid.

atom atomic-design atomic-layout composition css-grid layout react responsive-props styled-components

Last synced: 14 Apr 2025

https://github.com/milesmcc/a17t

An atomic design toolkit for pragmatists

atomic-design components css css3 design framework postcss tailwindcss ui-components

Last synced: 16 May 2025

https://github.com/boltdesignsystem/bolt

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.

atomic-design bem custom-elements decoupling design-system drupal drupal-8 itcss lerna lit-html monorepo pattern-lab pattern-library preact skatejs twig web-components webpack

Last synced: 01 Dec 2025

https://github.com/pierrehirel/atomsk

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

ab-initio atomeye atomic-design atomistic-simulations cheminformatics cif crystal-builder dislocation file-conversion gulp lammps materials-science open-source ovito physics-simulation polycrystal quantum-espresso science siesta vasp

Last synced: 16 May 2025

https://github.com/howtocards/frontend

Save and share your best solutions

atomic-design effector featureslices howtocards react styled-components

Last synced: 10 May 2025

https://github.com/bufferapp/buffer-components

Buffer's shared collection of React UI components 🤜🤛

atomic-design javascript react snapshot-testing storybook

Last synced: 01 Feb 2026

https://bufferapp.github.io/buffer-components/

Buffer's shared collection of React UI components 🤜🤛

atomic-design javascript react snapshot-testing storybook

Last synced: 09 May 2025

https://github.com/heartbeatua/pulse-boilerplate

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

atomic-design design-systems figma react styled-components styled-system styleguide

Last synced: 29 Oct 2025

https://github.com/xavierlefevre/shared-react-components-example

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

atomic-design design-system design-systems lerna libraries library mono-repo monorepo react react-component react-components reactjs share shared shared-library sharing storybook ui ui-components yeoman

Last synced: 07 Oct 2025

https://github.com/nthiebes/booky.io

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

atomic-design bem bookmarking bookmarks-manager booky react redux

Last synced: 06 Apr 2025

https://github.com/aleksip/shila-drupal-theme

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

atomic-design drupal drupal-8 drupal-theme pattern-lab

Last synced: 24 Oct 2025

https://github.com/stowball/hucssley

Hucssley - a full-featured, consistent, atomic utility class library for rapidly building performant UI

atomic-design css css-framework design-systems functional-css sass-library utility-classes

Last synced: 15 Jul 2025

https://github.com/logustra/vivu

💎 Opinionated scalable vue boilerplate using vite

atomic-design atomic-design-example boilerplate ddd ddd-example spa typescript vite vue vue-boilerplate

Last synced: 13 Jul 2025

https://github.com/glrodasz/cero-components

Component library for Cero a Producción Project

atomic-design components design-system design-tokens react storybook

Last synced: 25 Apr 2025

https://github.com/orodrigogo/atomic-design-rn

📱⚛️ Instagram UI Clone App with purpose of studies and apply Atomic Design Concept.

atomic-design expo react-native

Last synced: 08 Mar 2026

https://github.com/rubygarage/nextjs6-graphql-client-tutorial

Demo app

apollo-client atomic-design graphql javascript material-ui nextjs6 react storybooks

Last synced: 05 Oct 2025

https://github.com/mikebild/serverless-aws-cdk-ecommerce

E-Commerce Serverless AWS-CDK Example

atomic-design aws aws-cdk aws-sdk component-library end-to-end-testing example-project gatsbyjs github-actions graphql lerna material-ui parceljs puppeteer reactjs serverless storybook

Last synced: 01 Sep 2025

https://github.com/alonronin/react-atomic-design-ddd

Build React apps fast using Storybook, DDD, and Atomic Design

atomic-design design-drivven-development react react-next

Last synced: 14 Apr 2025

https://github.com/qmachard/atomic-design-bundle

Atomic Design is a Storybook like made for Symfony and Twig

atomic-design css html storybook symfony twig

Last synced: 16 Jan 2026

https://github.com/openfun/cunningham

🎨 The Open FUN Design System

accessibility atomic-design components-library css design-system design-systems figma frontend html reactjs storybook ui-components

Last synced: 10 Jun 2025

https://github.com/next2d/framework

Next2D Framework is designed according to the principles of clean architecture, domain-driven development, test-driven development, and MVVM, with an emphasis on flexibility, scalability, and maintainability, and a design methodology that keeps each layer loosely coupled.

atomic-design clean-architecture domain-driven-development mvvm-architecture next2d next2d-framework single-page-app typescript

Last synced: 15 Apr 2026

https://github.com/taymindis/lfstack

lock-free LIFO stack by C native built it, easy built cross platform(no extra dependencies needed) , guarantee thread safety memory management ever!

atomic atomic-design c cpp cross-platform generictype lifo lockfree stack

Last synced: 12 Mar 2026

https://github.com/alexander-elgin/atomic-react-redux

A React & Redux boilerpalte following atomic design methodlogy

atomic-design authentication i18n material-ui react redux redux-form redux-saga reselect webpack

Last synced: 22 Mar 2025

https://github.com/taymindis/atomic_threadpool

it's a smallest library that provides a lock-free thread pool sharing on multithreading, it design for scalability

asynchronous atomic-design c cross-platform java jni lockfree multithreading threadpool

Last synced: 10 Apr 2025

https://github.com/yoonit-labs/sass-yoonit-style

The SASS Atomic Design System that powers Vue Yoonit Components

atomic-design css design-system hacktoberfest sass sass-framework scss scss-framework

Last synced: 14 Apr 2025

https://github.com/Taymindis/ngx_lfqueue

ngx_lfqueue is the queue which share memory across multiple threads and multiple worker without any lock!!

atomic-design lfqueue lock-free nginx queue-workers queues shared-memory zerodowntime

Last synced: 12 May 2025

https://github.com/taymindis/ngx_lfqueue

ngx_lfqueue is the queue which share memory across multiple threads and multiple worker without any lock!!

atomic-design lfqueue lock-free nginx queue-workers queues shared-memory zerodowntime

Last synced: 18 Sep 2025

https://github.com/ninjinkun/blog-feedback-app

Visualize your blog's impact

atomic-design create-react-app firebase pwa react redux redux-saga styled-components

Last synced: 07 Mar 2026

https://github.com/kpedrok/the-boring-page

An open-source landing page template built with Next.js and all shadcn/ui components.

atomic-design lading-page nextjs shadcn-ui

Last synced: 29 Aug 2025

https://github.com/fernandohenriques/chat-app

Private chat written with ReactJS and Redux

atomic-design eslint material-ui ramda react-router reactjs redux reduxsauce socket-io

Last synced: 28 Oct 2025

https://github.com/namelesscoder/patternlab-fluid-edition

Pattern Lab Fluid Edition

atomic-design design fluid neos-cms pattern-lab patternlab typo3

Last synced: 17 Jun 2025

https://github.com/eason-dev/easonchang.com-next

Eason Chang's brand new personal blog

atomic-design blog contentlayer giscus mdx nextjs personal-website storybook tailwindcss

Last synced: 23 Oct 2025

https://github.com/kento75/react-redux-atomic-design

React & Redux & StoryBook & AtomicDesign

atomic-design react redux storybook

Last synced: 01 Sep 2025

https://github.com/yudwig/next-redux-todo

A sample implementation for todo-app using next.js, redux and typescript.

atomic-design clean-architecture material-ui nextjs re-ducks redux storybook styled-components typescript vercel

Last synced: 02 Aug 2025

https://github.com/eddiemoore/hydrogencss

Atomic CSS for CSS Modules

atomic-css atomic-design css css-modules

Last synced: 12 Apr 2025

https://github.com/buildit/storybook-addon-blabbr

Component reviewer for React Storybook

atomic-design collaboration component-reviewer design-systems react storybook

Last synced: 13 Apr 2025

https://github.com/yoonit-labs/vue-yoonit-components

VueJS Atomic Design System framework

atomic-design design-system hacktoberfest vuejs vuejs-components

Last synced: 19 Apr 2025

https://github.com/jadrizk/vue3-auth

🤡 JWT Authentication with Vue3 and Typescript

atomic-design boilerplate jwt-authentication tailwindcss typescript vue3 vuex4

Last synced: 22 Mar 2025

https://github.com/berkekaragoz/next-ts-tailwindcss-i18n

A boilerplate that includes Next.js, Tailwind CSS, next-i18next, Jest, react-testing-library and more...

atomic-design jest next-i18next nextjs nextjs-boilerplate nextjs-template react react-i18next react-testing-library tailwindcss template typescript

Last synced: 19 Aug 2025

https://github.com/logustra/read

:atom_symbol: Opinionated scalable react boilerplate using webpack

atomic-design atomic-design-example boilerplate ddd ddd-example react react-boilerplate spa typescript webpack

Last synced: 13 Jul 2025

https://github.com/willybrauner/compose

Compose is a small and type-safe library that links your javascript to your DOM.

atomic-design components dom dom-manipulation page-transitions query typescript vanilla-js

Last synced: 28 Apr 2025

https://github.com/oplog/ad-cli

Cli tool & frontend app structure using atomic design, typescript, redux and more

atomic-design frontend react redux redux-saga typescript

Last synced: 29 Jul 2025

https://github.com/tobitry/fui-fancyui

🎨 FancyUI (FUI) - the upcoming UI sensation for React & Next.js! It's where creativity meets code, brewing with TypeScript and Styled Components. Join the journey, peek into our Storybook, and gear up to elevate your UI from fancy to fantastic! 🚀✨

atomic-design design-system javascript react react-components react-ui react-ui-components reactjs reactui typescript ui ui-components ui-design ui-library uilibrary

Last synced: 10 Apr 2025

https://github.com/stfbauer/generator-simplestyle

Yeoman generator to create a SimpleStyle Style Guide

atomic-design documentation-tool office365 sass sharepoint style-guide styleguide yeoman-generator

Last synced: 09 Jul 2025

https://github.com/ssagroup/ui-kit

SSA UI kit is an open-source React library offering AI-friendly components to streamline the creation of dashboards and admin panels.

atomic-design charts dashboard-templates emotion form-builder react typescript ui-components ui-kit

Last synced: 06 Mar 2026

https://github.com/neutron92/angular-atomic-design-typescript-skeleton

Angular atomic design project template

angular angular2 angular4 angular5 angular6 angular7 angular8 angular9 atomic-design lazy-loading lazyload storybook testing

Last synced: 26 Oct 2025

https://github.com/alonronin/react-tailwind-storybook

A monorepo boilerplate for developing React apps fast using Atomic Design, Tailwind and StoryBook

atomic-design boilerplate monorepo react storybook tailwindcss

Last synced: 28 Jun 2025

https://github.com/logustra/vuad

:fire: Opinionated scalable vue boilerplate using webpack

atomic-design atomic-design-example boilerplate ddd ddd-example spa typescript vue vue-boilerplate webpack

Last synced: 03 Jul 2025

https://github.com/maxsite/unicss

Universal Atomic CSS framework

atomic-css atomic-design css css-framework sass

Last synced: 27 Jun 2025

https://github.com/sudipstha08/next-ts-template

Next.js template with TypeScript :green_book:

atomic-design axios commitlint eslint husky javascript module-resolver nextjs pre-commit-hook prettier react react-hook-form react-query server-side-rendering stylelint tailwindcss template typescript yarn zod

Last synced: 10 Apr 2025

https://github.com/vebersol/neutron

An atomic design based system

atomic-design handlebars javascript nodejs

Last synced: 16 Mar 2026

https://github.com/matheusgrodrigues/nextjs-auth-jwt

Exemplo simples de autenticação e autorização baseada em tokens JWT.

atomic-design axios bdd clean-architecture clean-code figma formik-yup hexagonal-architecture jest jira jwt-auth nextjs primereact reactjs render-deployment rest-api scrum tdd typescript vercel-deployment

Last synced: 22 Jul 2025

https://github.com/goscord/website

Website of Goscord, a wrapper for the Discord API in Golang.

atomic-design discord nextjs playwright react tailwindcss typescript

Last synced: 10 Mar 2026

https://github.com/exabyte-io/made

Materials Design in Javascript (made.js). A JavaScript (Node) library allowing for the creation and manipulation of material structures from atoms up on the web.

atomic-design chemistry computer-aided-design crystallography javascript materials materials-design materials-informatics materials-science

Last synced: 02 Apr 2026

https://github.com/vedi/next-starter

My next.js starter with typescript, redux, Redux Toolkit, redux-saga, Styled Components, storybooks, Atomic design

atomic-design nextjs nextjs-starter react react-starter-project redux redux-saga redux-toolkit storybooks styled-components typescript

Last synced: 11 Apr 2025

https://github.com/dawntraoz/atomic-design-storyblok

A boilerplate project designed to demonstrate the benefits of using Atomic Design while structuring your Storyblok dashboard <3

atomic-design nuxt storyblok tailwind

Last synced: 11 Apr 2025

https://github.com/anydigital/drupal-bricks

Drupal Bricks 🧱

atomic-design drupal drupal-8 drupal8 eck entity

Last synced: 01 Jun 2026

https://github.com/upciti/my-css-journey

Samuel MARLHENS CSS journey from 2014 to 2023.

atomic-design bem bootstrap css css-in-js html javascript material-design panda-css sass scss slidev tailwindcss

Last synced: 13 Jul 2025

https://github.com/marianapatcosta/todorganizer

Simple ToDo portal / desktop app developed using Electron, React and Django Rest Framework. Allows to create, retrieve, update and delete ToDos, upload .csv and export data and manage todos' state in a draggable ToDo board. Uses Electron framework to build stand-alone desktop app.

atomic-design authentication dark-theme desktop django django-rest-framework electron python react responsive-design rest-api sqlite styled-components todo-list web

Last synced: 22 Jun 2025

https://github.com/d3vlopes/atomic-design-react

Exemplo prático utilizando os princípios do Atomic Design no React para criar componentes mais limpos, simples e fácil de testar.

atomic-design jest react storybook typescript

Last synced: 30 Dec 2025

https://github.com/logustra/dave

✨ Reasonable system for creating clean architecture in frontend

7-1pattern atomic-design ddd design-pattern

Last synced: 10 Sep 2025

https://github.com/yarastqt/creatomic-vscode

VS Code extension for Atomic Design in React

atomic-design react vscode vscode-extension

Last synced: 04 Apr 2025

https://github.com/pixelass/pwa-template

Next.js PWA template

atomic-design auth bdd cypress emotionjs i18next jest linting mui next-auth next-starter nextjs pwa pwa-starter-kit react sentry storybook tdd typescript workflows

Last synced: 15 Jun 2025

https://github.com/higordiego/seed-atomic

angular atomic-design bootstrap mean-stack mongodb nodejs redis

Last synced: 21 Aug 2025

https://github.com/samuraikun/atomic-design-vue

Vue Component samples based on Atomic Design⚛️

atomic-design postcss pug scss storybook vue vue-components webpack yarn

Last synced: 12 Jul 2025

https://github.com/rsm-hcd/andculturecode.javascript.react.components

Common atomically designed react components used at andculture

atomic-design hacktoberfest javascript react reactjs

Last synced: 28 Jul 2025

https://github.com/veoscript/veoportal

My Official Website 💻

atomic-design blogging jest-tests nextjs14 postgresql prisma prisma-with-accelerate reactjs supabase tailwindcss windstitch

Last synced: 29 Apr 2026

https://github.com/exabyte-io/wave.js

Web-based Atomic Viewer by Exabyte. A JavaScript library for 3D atomic visualization and editing enabling the manipulation of material structures from atoms up on the web.

3d-models atomic-design computer-aided-design materials threejs

Last synced: 05 May 2025

https://github.com/yei-linux/gamiui

GamiUI is an UI Library provides a series of customizables components to use on apps wich use a gamification orientation. NPM: https://www.npmjs.com/package/@gamiui/standard. Storybook : https://6098a5391a29200039e99041-irdhvapfqc.chromatic.com/?path=/docs/atoms-avatar-%F0%9F%9F%A2--one

atomic-design chromatic classnames emotion react storybook typescript

Last synced: 10 Apr 2025

https://github.com/playerony/fabric-efa

Simple editor written with react and fabricjs for education purposes.

app architecture atomic atomic-design clean clean-architecture design efa fabric fabric-efa fabricjs javascipt javascript pattern react storybook typesc typescript

Last synced: 01 Aug 2025

https://github.com/yudwig/next-clean-blog

A sample implementation for blog-app based on clean architecture using Next.js and TypeScript.

atomic-design blog blog-theme clean-architecture markdown nextjs reactjs tailwindcss typescript vercel

Last synced: 07 Apr 2026

https://github.com/Yei-Linux/GamiUI

GamiUI is an UI Library provides a series of customizables components to use on apps wich use a gamification orientation. NPM: https://www.npmjs.com/package/@gamiui/standard. Storybook : https://6098a5391a29200039e99041-irdhvapfqc.chromatic.com/?path=/docs/atoms-avatar-%F0%9F%9F%A2--one

atomic-design chromatic classnames emotion react storybook typescript

Last synced: 26 Oct 2025

https://github.com/wojciechmarek/todo-list

Basic and simple the to-do list app representing modern UI design styles.

atomic-design aurora bruthalism cardboard claymorphism conventional-commits crt dark-theme design-systems docker emotion glassmorphism light-theme neubrutalism neumorphism react styled-components typescript vfd vite

Last synced: 19 Aug 2025

https://github.com/sudipstha08/lerna

lerna :star:

atomic-design axios lerna monorepo nextjs react-query styled-components typescript yarn

Last synced: 10 Apr 2025

https://github.com/dev-madhurendra/portfolio-website

This portfolio website developed using FastAPI, Springboot for backend apis and vite + react frameworks for frontend development.

animation animation-css atomic-design atomic-design-pattern css fastapi java javascript json-server material-ui microservices portfolio-website python python3 reactjs reuseable-components sonarcloud spring-boot styled-components ui

Last synced: 25 Jun 2025

https://github.com/bokusunny/elaborate

Elaborate: A hosting, version controlling service for documents.

atomic-design circleci docker firebase react redux serverless storybook typescript webpack

Last synced: 09 Apr 2026

https://github.com/ali-hsnz/torob

Torob is a store site. It has 3 management panels: admin, store and customer panel. this front site created with: nextJs v13, typescript, tailwind and mantine

atomic-design husky mantine-ui nextjs-v13 typescript

Last synced: 09 Apr 2025