{"repo":"arevalolance/design-system-template","free":true,"listed":false,"github":"https://github.com/arevalolance/design-system-template","clone":"git clone https://github.com/arevalolance/design-system-template.git","description":"🎨 Design System Starter","language":"TypeScript","stars":197,"topics":["template","turborepo","design-system","nextjs","storybook","design","react","tailwindcss","turborepo-example","ui"],"license":null,"category":"ui-components","readme_excerpt":"🌱 Turborepo + TailwindCSS + Storybook What's inside? This Turborepo includes the following packages/apps: Apps and Packages - workshop : a Storybook app with the ui package imported - docs : a Next.js app with Tailwind CSS - web : another Next.js app with Tailwind CSS - ui : a stub React component library with Tailwind CSS shared by both web and docs applications with shadcn-ui already included. - ui/eslint-config-custom : eslint configurations (includes eslint-config-next and eslint-config-prettier ) - ui/tailwind-config : reusable tailwind configuration - ui/tsconfig : tsconfig.json s used throughout the monorepo Each package/app is 100% TypeScript. Building packages/ui This example is setup to build packages/ui and output the transpiled source and compiled styles to dist/ . This was chosen to make sharing one tailwind.config.js as easy as possible, and to ensure only the CSS that is used by the current application and its dependencies is generated. Another option is to consume packages/ui directly from source without building. If using this option, you will need to update your tailwind.config.js to be aware of your package locations, so it can find all usages of the tailwindcss class names. For example, in tailwind.config.js: Utilities This Turborepo has some additional tools already setup for you: - Tailwind CSS for styles - TypeScript for static type checking - ESLint for code linting - Prettier for code formatting Using this example Run the following command:","default_branch":null,"files":null,"tree":[],"storefront":"/r/arevalolance","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/arevalolance/design-system-template/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}