atomic-design

There are 23 repositories under atomic-design topic.

• diegohaz / arc

  React starter kit based on Atomic Design

  reactreduxstorybookboilerplateuniversalreact-routerredux-sagajestatomic-designstyled-componentsisomorphiccss-in-jsstarter-kit
  Language:JavaScript 2927

• pattern-lab / patternlab-node

  The Node version of Pattern Lab

  pattern-labjavascriptnodejsdesign-systemsatomic-designhacktoberfest
  Language:JavaScript 2078

• danilowoz / react-atomic-design

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

  css-architecturedesign-patternsreactatomic-designatomic-cssboilerplatestorybookcss-modulesflowtype
  Language:JavaScript 1835
• atomic-layout

  kettanaito / atomic-layout

  Build declarative, responsive layouts in React using CSS Grid.

  reactatomic-designatomic-layoutstyled-componentscss-gridlayoutatomresponsive-propscomposition
  Language:TypeScript 1133
• awesome-design-systems

  klaufel / awesome-design-systems

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

  designdesign-systemsdesign-systemreusable-componentsfigmadigital-productsstorybookatomic-designcssdesign-tokensdesign-patternspattern-librarypattern-libawesomeawesome-listfrontendresources
  796

• milesmcc / a17t

  An atomic design toolkit for pragmatists

  cssframeworkpostcsstailwindcssdesignatomic-designcss3componentsui-components
  Language:JavaScript 503

• 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.

  pattern-labdesign-systemmonorepoitcsspattern-librarydrupal-8twigatomic-designlernabemdrupaldecouplingweb-componentsskatejspreactcustom-elementswebpacklit-html
  Language:Twig 292

• pierrehirel / atomsk

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

  scienceatomic-designab-initiofile-conversionatomistic-simulationsdislocationmaterials-sciencecheminformaticspolycrystalvaspquantum-espressolammpsgulpcifatomeyeovitosiestacrystal-builderopen-sourcephysics-simulation
  Language:Fortran 233
• nextjs-boilerplate

  hadrysm / nextjs-boilerplate

  🚀 Next.js 15+ boilerplate with typescript, husky, lint-staged, eslint, prettier, jest, react-testing-library, storybook, ghaction and plop.

  boilerplateeslintjestprettierreact-testing-librarytemplatetypescripthuskylint-stagednextjsnextjs-starterplopplop-generatorsreactserver-sider-renderingstorybookatomic-designtailwindcss
  Language:TypeScript 223
• frontend

  howtocards / frontend

  Save and share your best solutions

  atomic-designeffectorfeaturesliceshowtocardsreactstyled-components
  Language:JavaScript 194

• bufferapp / buffer-components

  Buffer's shared collection of React UI components 🤜🤛

  atomic-designjavascriptreactsnapshot-testingstorybook
  Language:JavaScript 139

• zalando / dress-code

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

  bemsassatomic-designcsshtmldemoweb
  Language:CSS 128

• Rulox / react-atomic-structure

  Basic Structure for React app following Atomic Design

  atomic-designjsxreactreact-routerscsswebpack
  Language:JavaScript 117

• heartbeatua / Pulse-Boilerplate

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

  reactatomic-designstyled-componentsstyleguidedesign-systemsfigmastyled-system
  Language:JavaScript 116
• htwoo

  n8design / htwoo

  hTWOo - a better Fluent UI framework.

  fluent-designfluent-design-systemstyleguideatomic-designreactjshtwoo-ui
  Language:CSS 103

• xavierlefevre / shared-react-components-example

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

  atomic-designdesign-systemdesign-systemslernalibrarieslibrarymono-repomonoreporeactreact-componentreact-componentsreactjssharesharedshared-librarysharingstorybookuiui-componentsyeoman
  Language:JavaScript 87

• nthiebes / booky.io

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

  atomic-designbembookmarkingbookmarks-managerbookyreactredux
  Language:JavaScript 86

• aleksip / shila-drupal-theme

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

  drupaldrupal-themedrupal-8pattern-labatomic-design
  Language:CSS 82

• stowball / hucssley

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

  csssass-libraryatomic-designutility-classesdesign-systemscss-frameworkfunctional-css
  Language:SCSS 80

• anton-staroverov / drupal-bricks

  Revolutionary new way of creating rich content in Drupal.

  drupaleckentityatomic-designdrupal-8drupal8
  Language:PHP 74

• logustra / vivu

  💎 Opinionated scalable vue boilerplate using vite

  boilerplatetypescriptspavitevuedddatomic-designvue-boilerplateddd-exampleatomic-design-example
  Language:TypeScript 74

• Levofron / NotionLingo

  Elevate your vocabulary with our cutting-edge app! Our intuitive platform allows you to easily learn new words and phrases from your own Notion database!

  clean-architectureclean-codeeducationlearningnextjsnotionnotion-apireacttddtypescriptvercelarchitecture-componentsatomicatomic-designcleandesignlingo
  Language:TypeScript 62

• glrodasz / cero-components

  Component library for Cero a Producción Project

  atomic-designcomponentsdesign-systemdesign-tokensreactstorybook
  Language:JavaScript 52

• orodrigogo / atomic-design-rn

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

  atomic-designexporeact-native
  Language:TypeScript 49

• rubygarage / nextjs6-graphql-client-tutorial

  Demo app

  nextjs6reactjavascriptgraphqlapollo-clientstorybooksatomic-designmaterial-ui
  Language:JavaScript 47

• Karytonn / atomic-design-exemple

  VueJS with Atomic Design exemple

  atomic-designvuevuejs
  Language:Vue 45

• MikeBild / serverless-aws-cdk-ecommerce

  E-Commerce Serverless AWS-CDK Example

  awsserverlessaws-cdkaws-sdkgatsbyjsparceljsgraphqllernaexample-projectreactjsstorybookcomponent-librarymaterial-uiatomic-designgithub-actionspuppeteerend-to-end-testing
  Language:JavaScript 45

• imarc / boilerplate-archived

  Responsive CSS, HTML and JavaScript front-end starting point.

  hacktoberfestboilerplatesassatomic-designabem
  Language:JavaScript 44
• finished-starter

  lowerbarriers / finished-starter

  Free website ready to go in one click, with blog, events, e-commerce, search, and everything else. Blazing fast JAMstack performance, vanilla JS and utility-first CSS, and opinionated in all the right ways.

  jamstackjekyll-themecodespacessnipcartatomic-designcomponent-basedvanilla-javascriptpwa
  Language:HTML 44

• alonronin / react-atomic-design-ddd

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

  reactreact-nextdesign-drivven-developmentatomic-design
  Language:JavaScript 43
• angular-tailwind-storybook

  newwwton / angular-tailwind-storybook

  Angular + Tailwind + Storybook Template from Newwwton

  angularatomic-designeslintnewwwtonprettierstorybooktailwindtypescript
  Language:TypeScript 41

• boostcamp-2020 / Project16-A-Account-Book

  💲 너는 돈을 써라, 나는 관리를 할테니💲

  atomic-designkoamobxmongodbreactstorybook
  Language:TypeScript 40

• 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.

  next2dnext2d-frameworksingle-page-apptypescriptclean-architectureatomic-designdomain-driven-developmentmvvm-architecture
  Language:TypeScript 37
• atomic-design-bundle

  qmachard / atomic-design-bundle

  Atomic Design is a Storybook like made for Symfony and Twig

  atomic-designstorybooksymfonytwightmlcss
  Language:PHP 36

• Naturaily / naturaily-storyblok-next-starter

  🚀 Next.js 14+ storyblok boilerplate with typescript, husky, lint-staged, eslint, prettier, storybook, GH action.

  atomic-designeslintgraphqlhuskylint-stagednextjsnextjs-starterprettierreactstoryblokstoryblok-boilerplatestorybooktaildwindcsstypescriptstoryblok-componentsstoryblok-integrations
  Language:TypeScript 35
• cunningham

  openfun / cunningham

  🎨 The Open FUN Design System

  accessibilityatomic-designcomponents-librarycssdesign-systemdesign-systemsfigmafrontendhtmlreactjsstorybookui-components
  Language:TypeScript 34