React starter kit based on Atomic Design
Alternatives To Arc
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
React Starter Kit22,295172 days ago23March 07, 20165mitTypeScript
The web's most popular Jamstack front-end template (boilerplate) for building web applications with React
React Redux Starter Kit10,41446 years ago1March 16, 2016130mitJavaScript
Get started with React, Redux, and React-Router.
React Slingshot9,75722 months ago8August 03, 201788mitJavaScript
React + Redux starter kit / boilerplate with Babel, hot reloading, testing, linting and a working example app built in
9 months ago20mitTypeScript
React Native starter kit with over 40 screens and modern Light and Dark theme for creating stunning cross-platform mobile applications.
Pepperoni App Kit4,64525 months ago4March 24, 201771mitJavaScript
Pepperoni - React Native App Starter Kit for Android and iOS
Element Starter3,052
a year ago46JavaScript
A starter kit for Element UI generated by vue-cli
Emacs Starter Kit2,886
6 years ago23gpl-3.0
Because the Emacs defaults are not so great sometimes.
Arc2,79822 years ago18April 25, 201762JavaScript
React starter kit based on Atomic Design
Go Starter Kit2,786
6 years ago1June 15, 201717otherGo
Golang isomorphic react/hot reloadable/redux/css-modules/SSR starter kit
React Most Wanted2,41583 months ago98October 18, 202218mitJavaScript
React starter kit with "Most Wanted" application features
Alternatives To Arc
Select To Compare

Alternative Project Comparisons


Build Status Coverage Status Gitter chat

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable.

If you find this useful, please check out Reakit, a toolkit for building composable UI with React.



I've been a web developer for the past 14 years and after dealing with IE vs. Netscape wars, <table> layouts and flash websites, I can say that we are now living in the best moment in web development. Web components are awesome and React makes it better.

React encourages you to create very small and pure components. However, as your project grows, you will have an increasingly complex components folder. At some point, this will be really huge and hard to maintain.

I had a React project with more than 100 components in the components folder. The first approach I tried to organize it was separating the components by domain (described here), but I realized that most of my components didn't belong to any domain, but were shared. This meant that my problems just moved to the commons folder.

The Atomic Design approach comes handy to solve this problem because it considers the reusability through composition, which is actually what React is. You will have your minimal/stylish components in one folder, pages in another and so on.


1. Get the source code

Just clone one of the ARc branches:

$ git clone -b master my-app
$ cd my-app

You will probably want to remove ARc git history and start a brand new repository:

$ rm -rf .git
$ git init

2. Install dependencies

$ npm install

3. Run the app

$ npm run dev

It will start the development server with HMR on top of it.

http://localhost:3000 — Development server
http://localhost:3001 — Webpack assets server (for redux-ssr only)

Now you can open http://localhost:3000 in browser and start developing.


When submitting an issue, use the following patterns in the title for better understanding:

[v0.3.1-redux] Something wrong is not right # the v0.3.1 release of the redux branch
[redux] Something wrong is not right # the actual code of the redux branch
Something wrong is right # general, related to master or not directly related to any branch

PRs are very appreciated. For bugs/features consider creating an issue before sending a PR.


MIT © Diego Haz

Popular Kit Projects
Popular Starter Kit Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Styled Components
React Router
Starter Kit
Redux Saga
Css In Js