mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-15 03:41:33 +00:00
Compare commits
12 Commits
feature/im
...
shadcn-pat
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
62223c12cf | ||
|
|
6d467d2e1d | ||
|
|
893cddd2dc | ||
|
|
1781186def | ||
|
|
89b9a76368 | ||
|
|
0266253841 | ||
|
|
e5fda2c139 | ||
|
|
40b9de46e9 | ||
|
|
6d97ab0b9b | ||
|
|
d06e84a007 | ||
|
|
a29185c9cf | ||
|
|
84c801ac67 |
@@ -10,7 +10,8 @@ description: Every component recreated in Figma. With customizable props, typogr
|
||||
|
||||
## Free
|
||||
|
||||
- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui) by [Obra Studio](https://obra.studio/) - Carefully crafted kit designed in the philosophy of shadcn, tracks v4, MIT licensed
|
||||
- [Obra shadcn/ui](https://www.figma.com/community/file/1514746685758799870/obra-shadcn-ui) by [Obra Studio](https://obra.studio/) - Carefully crafted shadcn/ui kit, MIT licensed, maintained by team of designers, with free design to code plugin
|
||||
- [shadcn/ui components](https://www.figma.com/community/file/1342715840824755935) by [Sitsiilia Bergmann](https://x.com/sitsiilia) - A well-structured component library aligned with the shadcn component system, regularly maintained.
|
||||
- [shadcn/ui design system](https://www.figma.com/community/file/1203061493325953101) by [Pietro Schirano](https://twitter.com/skirano) - A design companion for shadcn/ui. Each component was painstakingly crafted to perfectly match the code implementation.
|
||||
|
||||
## Paid
|
||||
|
||||
@@ -5,8 +5,8 @@ featured: true
|
||||
base: base
|
||||
component: true
|
||||
links:
|
||||
doc: https://base-ui.com/react/components/dropdown-menu
|
||||
api: https://base-ui.com/react/components/dropdown-menu#api-reference
|
||||
doc: https://base-ui.com/react/components/menu
|
||||
api: https://base-ui.com/react/components/menu#api-reference
|
||||
---
|
||||
|
||||
<ComponentPreview
|
||||
@@ -162,4 +162,4 @@ A richer example combining groups, icons, and submenus.
|
||||
|
||||
## API Reference
|
||||
|
||||
See the [Base UI documentation](https://base-ui.com/react/components/dropdown-menu) for the full API reference.
|
||||
See the [Base UI documentation](https://base-ui.com/react/components/menu) for the full API reference.
|
||||
|
||||
@@ -37,7 +37,7 @@ npx shadcn@latest add navigation-menu
|
||||
<Step>Install the following dependencies:</Step>
|
||||
|
||||
```bash
|
||||
npm install @base-ui-components/react
|
||||
npm install @base-ui/react
|
||||
```
|
||||
|
||||
<Step>Copy and paste the following code into your project.</Step>
|
||||
@@ -45,6 +45,7 @@ npm install @base-ui-components/react
|
||||
<ComponentSource
|
||||
name="navigation-menu"
|
||||
title="components/ui/navigation-menu.tsx"
|
||||
styleName="base-nova"
|
||||
/>
|
||||
|
||||
<Step>Update the import paths to match your project setup.</Step>
|
||||
|
||||
@@ -87,7 +87,7 @@ export async function highlightCode(code: string, language: string = "tsx") {
|
||||
{
|
||||
pre(node) {
|
||||
node.properties["class"] =
|
||||
"no-scrollbar min-w-0 overflow-x-auto overscroll-none px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent"
|
||||
"no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0 !bg-transparent"
|
||||
},
|
||||
code(node) {
|
||||
node.properties["data-line-numbers"] = ""
|
||||
|
||||
@@ -190,7 +190,7 @@ export const mdxComponents = {
|
||||
return (
|
||||
<pre
|
||||
className={cn(
|
||||
"no-scrollbar min-w-0 overflow-x-auto overscroll-none px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0",
|
||||
"no-scrollbar min-w-0 overflow-x-auto overflow-y-auto overscroll-x-contain overscroll-y-auto px-4 py-3.5 outline-none has-[[data-highlighted-line]]:px-0 has-[[data-line-numbers]]:px-0 has-[[data-slot=tabs]]:p-0",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
@@ -86,7 +86,7 @@
|
||||
{
|
||||
"name": "@basecn",
|
||||
"homepage": "https://basecn.dev",
|
||||
"url": "https://basecn.dev/r/{name}",
|
||||
"url": "https://basecn.dev/r/{name}.json",
|
||||
"description": "Beautifully crafted shadcn/ui components powered by Base UI"
|
||||
},
|
||||
{
|
||||
@@ -164,7 +164,7 @@
|
||||
{
|
||||
"name": "@elements",
|
||||
"homepage": "https://www.tryelements.dev",
|
||||
"url": "https://www.tryelements.dev/r/registry.json",
|
||||
"url": "https://www.tryelements.dev/r/{name}.json",
|
||||
"description": "Full-stack shadcn/ui components that go beyond UI. Add auth, monetization, uploads, and AI to your app in seconds."
|
||||
},
|
||||
{
|
||||
@@ -176,7 +176,7 @@
|
||||
{
|
||||
"name": "@efferd",
|
||||
"homepage": "https://efferd.com/",
|
||||
"url": "https://efferd.com/r/registry.json",
|
||||
"url": "https://efferd.com/r/{name}.json",
|
||||
"description": "A collection of beautifully crafted Shadcn/UI blocks, designed to help developers build modern websites with ease."
|
||||
},
|
||||
{
|
||||
@@ -368,7 +368,7 @@
|
||||
{
|
||||
"name": "@prompt-kit",
|
||||
"homepage": "https://www.prompt-kit.com",
|
||||
"url": "https://www.prompt-kit.com/c/registry.json",
|
||||
"url": "https://www.prompt-kit.com/c/{name}.json",
|
||||
"description": "Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces."
|
||||
},
|
||||
{
|
||||
@@ -431,6 +431,12 @@
|
||||
"url": "https://roiui.com/r/{name}.json",
|
||||
"description": "Roi UI is a library that offers UI components and blocks built with Base UI primitives. Some blocks and components use motion (framer). Everything is open-source and will be forever."
|
||||
},
|
||||
{
|
||||
"name": "@satoriui",
|
||||
"homepage": "https://satoriui.site",
|
||||
"url": "https://satoriui.site/r/{name}.json",
|
||||
"description": "A comprehensive suite of high-fidelity interaction components. It offers motion-driven components that designed with motion-react and tailwindcss, that blends seamlessly."
|
||||
},
|
||||
{
|
||||
"name": "@solaceui",
|
||||
"homepage": "https://www.solaceui.com",
|
||||
@@ -620,7 +626,7 @@
|
||||
{
|
||||
"name": "@beste-ui",
|
||||
"homepage": "https://ui.beste.co",
|
||||
"url": "https://ui.beste.co/r/registry.json",
|
||||
"url": "https://ui.beste.co/r/{name}.json",
|
||||
"description": "Production-ready UI blocks for landing pages, dashboards, and web apps."
|
||||
},
|
||||
{
|
||||
@@ -688,5 +694,11 @@
|
||||
"homepage": "https://typedora-ui.netlify.app",
|
||||
"url": "https://typedora-ui.netlify.app/r/{name}.json",
|
||||
"description": "Typedora UI is a next-generation extension layer for shadcn/ui, designed to bring full type-safety to your UI components."
|
||||
},
|
||||
{
|
||||
"name": "@shadcn-space",
|
||||
"homepage": "https://shadcnspace.com/",
|
||||
"url": "https://shadcnspace.com/r/{name}.json",
|
||||
"description": "An open-source collection of production-ready Shadcn UI blocks, components, and templates for websites, admin dashboards and modern React web projects, built with Tailwind CSS and ready to copy-paste or install via the Shadcn CLI."
|
||||
}
|
||||
]
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user