boilerplate: design system for react

Overview

boilerplate: design system for react

features

  • react
  • vanilla-extract
  • vitebook

Getting started

  1. fork or download this repository
  2. update package.json for your design system.
  3. yarn install
  4. yarn dev

start vitebook

yarn run dev

build vitebook

yarn run build:vitebook

build and publish design component for npm package

At first, build your design componenets by this command.

yarn run build

Then, Set name and version in package.json to suit your enviroment before deploying design components. Now, you can publish your design components to npm!

yarn publish

and, your design components library's usage will be like below

// import style
import '@you/designsystem/dist/style.css';
// import component
import { Button } from '@you/designsystem';
import ReactDom from 'react-dom';

ReactDom.render(document.getElementById('app'), <Button />);
You might also like...
Boilerplate - react + tailwindcss + ant-design + typescript

tw-antd-start-react-ts boilerplate - react + tailwindcss + ant-design + typescript Created with reactjs, tailwindcss, ant-design Screenshots Running l

Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

A simple Ethereum prediction market boilerplate build on top of Moralis Web3 SDK + Ethereum Boilerplate + Chainlink + OpenZeppelin. Happy BUIIDL!

ethereum-prediction-market-boilerplate This Project is a fork of Ethereum Boilerplate and demostrates how you can build your own Ethereum Prediction M

Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

Next-boilerplate - Basic Next.js boilerplate ready to use in any type of websites
Next-boilerplate - Basic Next.js boilerplate ready to use in any type of websites

Basic Next.js boilerplate ready to use in any type of websites. View demo » My L

Solana-boilerplate - Lightweight boilerplate for Solana dapps. Allows quick building and prototyping
Solana-boilerplate - Lightweight boilerplate for Solana dapps. Allows quick building and prototyping

Solana Boilerplate Lightweight boilerplate for Solana dapps. Allows quick buildi

hopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate

Shopify boilerplate for embedded apps. Built and re-written from the official Shopify CLI's app boilerplate, but moved it to Typescript, and more modularized, so you can use any frontend framework you want. I left it comes by default, with React.

React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

Material Kit - React Free React Admin Dashboard made with Material UI's components, React and of course create-react-app to boost your app development

spring springMVC Hadoop HBase React AntUI course manage system

CourseManageService Spring、SpringMVC + Hasdoop HBase Course Manage System Quick Start 1 change your hBase service adress:site.linkway.core.dao.HbaseUt

Owner
Ryosuke Suzuki
Engineer. Born in 1996.
Ryosuke Suzuki
This Project Is Deprecated. Use [Ant Design Pro](https://pro.ant.design/) instead.

This Project Is Deprecated. Use Ant Design Pro instead. Ant Design Pro is a production-ready solution for admin interfaces. Built on the design princi

Yuan Zhu 597 Nov 29, 2022
Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of Ant Design in existing ReactPWA project.

ReactPWA - PawJS & Ant Design Example repository for integrating Ant Design with ReactPWA project. This repo demonstrates the usage & integration of A

Atyantik 15 Jul 11, 2022
Arco-design-pro - An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design

Arco Design Pro An out-of-the-box solution to quickly build enterprise-level app

null 265 Dec 23, 2022
Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes.

Create React App boilerplate template with React, Redux Toolkit, React Router, Ant Design, Axios, Redux-Saga, SASS, Authentication, Routes. No configuration is required, Start building your App.

Nilanth 33 Dec 21, 2022
A React + Redux + Ant-Design frontend boilerplate

react-redux-antd-starter A React + Redux + Ant-Design frontend boilerplate. React Redux Ant-Design React Router React Router Redux Redux Actions Babel

Tianxiao Ma 89 Oct 1, 2021
A boilerplate of SPA, built with React.js, Webpack, ES6+, Redux, Router, Babel, Express, Ant Design...

Getting start Clone this repo: $ git clone https://github.com/jovey-zheng/react-start-kit.git Install dependenices: $ npm i Start the project: $ npm

Jovey Zheng 109 Mar 1, 2022
React Redux Isomorphic Webpack 2 Boilerplate based on ant.design

React Redux Isomorphic Webpack 2 Boilerplate based on ant.design About This boilerplate has following feature: Universal React rendering Webpack 2 for

Suben K. Saha 18 Mar 29, 2022
dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js, React, Material Design and Typescript

dApp Starter Kit is flexible production grade Web3 boilerplate with Next.js 12, React.js, Material-UI, Typescript and web3-react (beta).

ETH Salt Lake 8 Nov 1, 2022
dApps boilerplate build with React, Web3JS, Redux, and MaterialUI for a better UI Design

React Redux MUI Boilerplate for dApps This project is a React boilerplate that can be used for a scalable web applications, integrated with Web3JS lib

null 4 Nov 9, 2022
🥳 Really simple React + Ant Design + Tailwind CSS + Typescript + Vite + Mobx boilerplate.

?? Really simple React + Ant Design + Tailwind CSS + Typescript + Vite + Mobx boilerplate.

KinXpeng 15 Dec 29, 2022