atomic-design

There are 22 repositories under atomic-design topic.

• diegohaz / arc

  React starter kit based on Atomic Design

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

• pattern-lab / patternlab-node

  The Node version of Pattern Lab

  atomic-designdesign-systemshacktoberfestjavascriptnodejspattern-lab
  Language:JavaScript 2039

• danilowoz / react-atomic-design

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

  atomic-cssatomic-designboilerplatecss-architecturecss-modulesdesign-patternsflowtypereactstorybook
  Language:JavaScript 1729
• atomic-layout

  kettanaito / atomic-layout

  Build declarative, responsive layouts in React using CSS Grid.

  reactatomic-designatomic-layoutstyled-componentscss-gridlayoutatomresponsive-propscomposition
  Language:TypeScript 1126
• 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
  667

• milesmcc / a17t

  An atomic design toolkit for pragmatists

  atomic-designcomponentscsscss3designframeworkpostcsstailwindcssui-components
  Language:JavaScript 489

• 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 291
• frontend

  howtocards / frontend

  Save and share your best solutions

  atomic-designeffectorfeaturesliceshowtocardsreactstyled-components
  Language:JavaScript 196

• pierrehirel / atomsk

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

  scienceatomic-designab-initiofile-conversionatomistic-simulationsdislocationmaterials-sciencecheminformaticspolycrystalvaspquantum-espressolammpsgulpcifatomeyeovitosiestacrystal-builderopen-sourcephysics-simulation
  Language:Fortran 181

• bufferapp / buffer-components

  Buffer's shared collection of React UI components 🤜🤛

  reactstorybooksnapshot-testingatomic-designjavascript
  Language:JavaScript 138
• nextjs-boilerplate

  hadrysm / nextjs-boilerplate

  🚀 Next.js 14+ 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 129

• zalando / dress-code

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

  atomic-designbemcssdemohtmlsassweb
  Language:CSS 129

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

• Rulox / react-atomic-structure

  Basic Structure for React app following Atomic Design

  reactjsxwebpackscssatomic-designreact-router
  Language:JavaScript 112
• htwoo

  n8design / htwoo

  hTWOo - a better Fluent UI framework.

  atomic-designfluent-designfluent-design-systemhtwoo-uireactjsstyleguide
  Language:SCSS 91

• xavierlefevre / shared-react-components-example

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

  reactreactjsuiui-componentsdesign-systematomic-designlibrarymonorepomono-repolibrariesdesign-systemsreact-componentsreact-componentsharesharingsharedshared-librarylernayeomanstorybook
  Language:JavaScript 85

• aleksip / shila-drupal-theme

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

  atomic-designdrupaldrupal-8drupal-themepattern-lab
  Language:CSS 81

• nthiebes / booky.io

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

  bookmarks-managerbookmarkingreactreduxbematomic-designbooky
  Language:JavaScript 81

• stowball / hucssley

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

  atomic-designcsscss-frameworkdesign-systemsfunctional-csssass-libraryutility-classes
  Language:SCSS 78

• anydigital / drupal-bricks

  Revolutionary new way of creating rich content in Drupal.

  drupaleckentityatomic-designdrupal-8drupal8
  Language:PHP 76

• logustra / vivu

  💎 Opinionated scalable vue boilerplate using vite

  atomic-designatomic-design-exampleboilerplatedddddd-examplespatypescriptvitevuevue-boilerplate
  Language:TypeScript 73

• glrodasz / cero-components

  Component library for Cero a Producción Project

  atomic-designcomponentsdesign-systemdesign-tokensreactstorybook
  Language:JavaScript 51

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

• orodrigogo / atomic-design-rn

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

  atomic-designexporeact-native
  Language:TypeScript 46

• Karytonn / atomic-design-exemple

  VueJS with Atomic Design exemple

  atomic-designvuevuejs
  Language:Vue 45

• imarc / boilerplate-archived

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

  abematomic-designboilerplatehacktoberfestsass
  Language:JavaScript 44

• rubygarage / nextjs6-graphql-client-tutorial

  Demo app

  nextjs6reactjavascriptgraphqlapollo-clientstorybooksatomic-designmaterial-ui
  Language:JavaScript 43
• 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 42

• MikeBild / serverless-aws-cdk-ecommerce

  E-Commerce Serverless AWS-CDK Example

  atomic-designawsaws-cdkaws-sdkcomponent-libraryend-to-end-testingexample-projectgatsbyjsgithub-actionsgraphqllernamaterial-uiparceljspuppeteerreactjsserverlessstorybook
  Language:JavaScript 41

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

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

  atomic-designkoamobxmongodbreactstorybook
  Language:TypeScript 40
• angular-tailwind-storybook

  newwwton / angular-tailwind-storybook

  Angular + Tailwind + Storybook Template from Newwwton

  angularatomic-designstorybooktailwindtypescripteslintprettiernewwwton
  Language:TypeScript 39

• alonronin / react-atomic-design-ddd

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

  reactreact-nextdesign-drivven-developmentatomic-design
  Language:JavaScript 38
• atomic-design-bundle

  qmachard / atomic-design-bundle

  Atomic Design is a Storybook like made for Symfony and Twig

  atomic-designcsshtmlstorybooksymfonytwig
  Language:PHP 36

• Sanfra1407 / Tic-Tac-Vue

  A simple Tic-Tac-Toe game written in Vue.

  vuevuejsvuexvue-routerbematomic-designjavascriptsingle-page-applicationlearningscsstic-tac-toebeginnerbeginner-projectlearn-to-codevitejs
  Language:Vue 34

• alexander-elgin / atomic-react-redux

  A React & Redux boilerpalte following atomic design methodlogy

  reactreduxredux-sagaredux-formmaterial-uiatomic-designi18nreselectwebpackauthentication
  Language:JavaScript 28

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

  ccppatomiclockfreelifostackcross-platformatomic-designgenerictype
  Language:C 26