{"repo":"line/abc-def","free":true,"listed":false,"github":"https://github.com/line/abc-def","clone":"git clone https://github.com/line/abc-def.git","description":"ABC Def is an efficient design system using a three-tier token structure and Headless UI to create web components with consistent design and flexible customization.","language":"TypeScript","stars":106,"topics":["css","design-system","frontend","headlessui","headlessui-react","react","shadcn","tailwindcss"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"ABC Def ABC Def is a CSS-first design system for shared UI packages. The visual contract lives in @line/abc-def-styles ; the React and Vue packages render components against the same semantic selectors and tokens. Packages - @line/abc-def-styles : Tailwind CSS v4 tokens, semantic variables, and component selectors. - @line/abc-def-react : React components that render the shared selector contract. - @line/abc-def-vue : Vue components that render the shared selector contract. Install Install only the framework package you use. Plain HTML projects only need @line/abc-def-styles . Usage Import the shared stylesheet from CSS processed by Tailwind CSS v4: React apps import components from subpath entry points: ABC Def does not provide a root component export. Do not import components from @line/abc-def-react ; use the component subpath such as @line/abc-def-react/button . Vue apps use the same subpath pattern: The Vue package follows the same rule: do not import components from @line/abc-def-vue ; use subpath entries such as @line/abc-def-vue/button . Tailwind v4 ignores most package sources by default. Add an @source rule for the installed component package when your app uses React or Vue components: Adjust the relative path for your app stylesheet location. Examples - examples/html-vite : plain HTML consumer of @line/abc-def-styles/css - examples/nextjs : React consumer of @line/abc-def-styles/css and @line/abc-def-react - examples/vue-vite : Vue consumer of @line/abc-def-styles/","default_branch":null,"files":null,"tree":[],"storefront":"/r/line","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/line/abc-def/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."}