mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-27 06:34:12 +00:00
68 lines
2.2 KiB
Plaintext
68 lines
2.2 KiB
Plaintext
---
|
|
title: Introduction
|
|
description: Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
|
|
---
|
|
|
|
This is **NOT** a component library. It's a collection of re-usable components that you can copy and paste into your apps.
|
|
|
|
**What do you mean by not a component library?**
|
|
|
|
I mean you do not install it as a dependency. It is not available or distributed via npm.
|
|
|
|
Pick the components you need. Copy and paste the code into your project and customize to your needs. The code is yours.
|
|
|
|
_Use this as a reference to build your own component libraries._
|
|
|
|
## FAQ
|
|
|
|
<Accordion type="multiple">
|
|
|
|
<AccordionItem value="faq-1">
|
|
<AccordionTrigger>
|
|
Why copy/paste and not packaged as a dependency?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
The idea behind this is to give you ownership and control over the code, allowing you to decide how the components are built and styled.
|
|
|
|
Start with some sensible defaults, then customize the components to your needs.
|
|
|
|
One of the drawbacks of packaging the components in an npm package is that the style is coupled with the implementation. _The design of your components should be separate from their implementation._
|
|
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
|
|
<AccordionItem value="faq-2">
|
|
<AccordionTrigger>
|
|
Do you plan to publish it as an npm package?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
No. I have no plans to publish it as an npm package.
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
|
|
<AccordionItem value="faq-3">
|
|
<AccordionTrigger>
|
|
Which frameworks are supported?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
|
|
You can use any framework that supports React. [Next.js](https://ui.shadcn.com/docs/installation/next), [Astro](https://ui.shadcn.com/docs/installation/astro), [Remix](https://ui.shadcn.com/docs/installation/remix), [Gatsby](https://ui.shadcn.com/docs/installation/gatsby) etc.
|
|
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
|
|
<AccordionItem value="faq-4">
|
|
<AccordionTrigger>
|
|
Can I use this in my project?
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
Yes. Free to use for personal and commercial projects. No attribution required.
|
|
|
|
But hey, let me know if you do. I'd love to see what you build.
|
|
|
|
</AccordionContent>
|
|
|
|
</AccordionItem>
|
|
|
|
</Accordion>
|