Git Product home page Git Product logo

awesome-shadcn-ui's Introduction


logo of awesome-shadcn/ui repository

awesome-shadcn/ui

A curated list of awesome things related to shadcn/ui

Awesome

Libs and Components

  • shadcn-table-v2 - shadcn/ui table component with server-side sorting, filtering, and pagination.
  • shadcn-phone-input - Customizable phone input component with proper validation for any country.
  • react-dnd-kit-tailwind-shadcn-ui - Drag and drop Accessible kanban board implementing using React, @dnd-kit, tailwind and shadcn/ui
  • shadcn-ui-expansions - shadcn/ui expansions collect lots of useful components which shadcn/ui does not have out of box. All the components are base on shadcn/ui. Just copy and paste. The component is yours.
  • fancy-multi-select - The Multi Select Component is inspired by campsite.design's and cal.com's settings forms.
  • auto-form - A React component that automatically creates a shadcn/ui form based on a zod schema.
  • date-range-picker-for-shadcn - Includes multi-month views, text entry, preset ranges, responsive design and date range comparisons.
  • shadcn-tag-input - A tag input component built with shadcn/ui.
  • enhanced-button - An enhanced version of the default shadcn-button component.
  • time-picker - A simple TimePicker for your shadcn/ui project.
  • shadcn-chat - Customizable and re-usable chat component for you to use in your projects.
  • nextjs-components - A collection of Next.js components (for websites) that are built with TypeScript, React, shadcn/ui, Craft UI, and Tailwind CSS.
  • credenza - Ready-made responsive modal component for shadcn/ui.
  • country-state-dropdown - This Component is built with Nextjs, Tailwindcss, shadcn/ui & Zustand for state management.
  • shadcn-drag-table - A drag-and-drop table component using shadcn/ui and Next.js
  • file-vault - File upload component for React
  • plate - The rich-text editor for React.
  • extends - Intended to be a collection of components built using shadcn/ui.

Apps

Colors and Customizations

Animations

Ports

  • Svelte - Svelte port of shadcn/ui
  • Vue - Vue port of shadcn/ui
  • React Native - React Native port of shadcn/ui (recommended)
  • React Native - React Native port of shadcn/ui
  • Swift - Swift port of shadcn/ui
  • Flutter - Flutter port of shadcn/ui
  • Ruby - Ruby port of shadcn/ui
  • Kotlin - Kotlin port of shadcn/ui
  • Solid - Solid, port of shadcn/ui

Boilerplates

  • taxonomy - An open source application built using the new router, server components and everything new in Next.js
  • turborepo-shadcn-ui-tailwindcss - Turborepo starter with shadcn/ui & Tailwind CSS pre-configured for shared ui components.
  • design-system-template - Turborepo + TailwindCSS + Storybook + shadcn/ui

Contributors

Thanks goes to all these wonderful people:

awesome-shadcn-ui's People

Contributors

birobirobiro avatar matheralvs avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.