All Projects → leandrooriente → react-ui-kit-boilerplate

leandrooriente / react-ui-kit-boilerplate

Licence: other
A minimal React UI Kit boilerplate with Storybook, hot reloading, Styled Components, Typescript and Jest

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to react-ui-kit-boilerplate

react-typescript
React16 + HMR + typescript + webpack + tslint + tests
Stars: ✭ 21 (-76.14%)
Mutual labels:  tslint, hmr
astraea
TypeScript + React Boilerplate
Stars: ✭ 15 (-82.95%)
Mutual labels:  tslint, storybook
stencil-storybook
Storybook meets Stencil in 2021
Stars: ✭ 66 (-25%)
Mutual labels:  hmr, storybook
Gatsby Starter Typescript Deluxe
A Gatsby starter with TypeScript, Storybook, Styled Components, Framer Motion, Jest, and more.
Stars: ✭ 50 (-43.18%)
Mutual labels:  tslint, storybook
react-library-template
Jumpstart your team's shared react library
Stars: ✭ 26 (-70.45%)
Mutual labels:  storybook
react-hello-webapp
Professional Boilerplate for React Web Applications built by 4GeeksAcademy Students
Stars: ✭ 42 (-52.27%)
Mutual labels:  react-boilerplate
storybook-addon-props
React Storybook Addon to show component properties and stories into panels
Stars: ✭ 22 (-75%)
Mutual labels:  storybook
nextjs-ts-antd-redux-storybook-starter
🏃🏼 Next.js + TypeScript + Ant Design + Redux Toolkit + Redux Saga + Styled Components + Jest + Storybook 企业级项目脚手架模板
Stars: ✭ 78 (-11.36%)
Mutual labels:  storybook
obsidian-publish-mkdocs
A Template to Publish Obsidian/Foam Notes on Github Pages (uses MkDocs)
Stars: ✭ 219 (+148.86%)
Mutual labels:  gh-pages
ember-cli-storybook
📒 Ember storybook adapter
Stars: ✭ 35 (-60.23%)
Mutual labels:  storybook
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (-3.41%)
Mutual labels:  storybook
vuetify-with-storybook
Setting up Storybook with Vuetify the right way
Stars: ✭ 116 (+31.82%)
Mutual labels:  storybook
react-you-do-you
How I use React + Redux + Material-UI + TypeScript – you do you 💖
Stars: ✭ 103 (+17.05%)
Mutual labels:  storybook
nextjs-with-chakra-ui-boilerplate
Next.js with Chakra UI boilerplate. PWA ready with storybook and tests configured.
Stars: ✭ 48 (-45.45%)
Mutual labels:  storybook
wongames
🎮 Ecommerce de jogos no estilo Steam. Desenvolvido com Next.js, TypeScript, GraphQL, etc.
Stars: ✭ 18 (-79.55%)
Mutual labels:  storybook
amazin
A MERN-stack app for eCommerce platform, Webshop, Web Store. Storybook: https://www.amazin.one/ Alternative: https://ntrix.github.io/amazin-story
Stars: ✭ 27 (-69.32%)
Mutual labels:  storybook
cpptemplate
A template project (library and executable) for C++ projects with cmake, ctest, vcpkg, circleci, and automated document deploymend via doxygen to gh-pages
Stars: ✭ 30 (-65.91%)
Mutual labels:  gh-pages
GitHub-Pages-deploy
A GitHub Action to deploy a static site on GitHub Pages.
Stars: ✭ 42 (-52.27%)
Mutual labels:  gh-pages
doc-blocks
A design system for doc-blocks UI components, built on @design-systems/cli.
Stars: ✭ 21 (-76.14%)
Mutual labels:  storybook
sveltekit-starter
Sveltekit starter project created with sveltekit, typescript, tailwindcss, postcss, husky, and storybook. The project has the structure set up for the scaleable web application.
Stars: ✭ 482 (+447.73%)
Mutual labels:  storybook

React UI Kit boilerplate

The perfect boilerplate to help you to create your own React UI Kit.

Live Example

https://leandrooriente.github.io/react-ui-kit-boilerplate

Features

Quick start

Make sure that you have Node v8 or above installed.

  1. Clone this repo using git clone [email protected]:leandrooriente/react-ui-kit-boilerplate.git
  2. Move to the appropriate directory: cd react-ui-kit-boilerplate.
  3. Run npm ci in order to install dependencies.
  4. At this point you can run npm run storybook to see the example Storybook at http://localhost:6006.

Creating new components

To add a new component, just run npm run generate. This command will generate all the component (Stateless or not) files for you.

Testing

To test your components run npm test. By default we run tests and lint before any push.

Deploying storybook

To deploy storybook to Github Pages run npm run deploy-storybook.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].