{"name":"Prismui: A Customizable Component Library Built on shadcn/ui","description":"Prismui is a modern, fully customizable component library built on top of shadcn/ui, offering beautiful, accessible, and production-ready components. It extends shadcn/ui with additional features, pre-built sections, and complex UI patterns, leveraging technologies like Next.js, Radix UI, and Tailwind CSS. Developers can use Prismui to accelerate the creation of stunning web applications with full TypeScript support and a focus on developer experience.","github":"https://github.com/Codehagen/Prismui","url":"https://osrepos.com/repo/codehagen-prismui","source":"osrepos.com","sourceDescription":"This repository profile is provided by osrepos.com, an open source repository discovery platform.","repositoryProfile":"https://osrepos.com/repo/codehagen-prismui","generatedFor":"open source discovery and AI-assisted research","markdown":"https://osrepos.com/repo/codehagen-prismui.md","json":"https://osrepos.com/repo/codehagen-prismui.json","topics":["open-source","shadcn-ui","tailwind","typescript","react","nextjs","component-library","ui-kit"],"keywords":["open-source","shadcn-ui","tailwind","typescript","react","nextjs","component-library","ui-kit"],"stars":null,"summary":"Prismui is a modern, fully customizable component library built on top of shadcn/ui, offering beautiful, accessible, and production-ready components. It extends shadcn/ui with additional features, pre-built sections, and complex UI patterns, leveraging technologies like Next.js, Radix UI, and Tailwind CSS. Developers can use Prismui to accelerate the creation of stunning web applications with full TypeScript support and a focus on developer experience.","content":"## Introduction\n\nPrismui is an open-source, fully customizable component library built on top of shadcn/ui, designed to help developers create beautiful, accessible, and production-ready web applications. It extends the powerful shadcn/ui components with additional features, pre-built sections, and complex UI patterns. Leveraging technologies like Next.js 14, Radix UI primitives, and Tailwind CSS, Prismui provides a robust foundation for modern web development, complete with full TypeScript support and a focus on developer experience.\n\n## Installation\n\nGetting started with Prismui involves setting up a Next.js project and integrating shadcn/ui, which serves as its foundation. Follow these steps to begin:\n\nbash\n# Create a new Next.js project\nnpx create-next-app@latest my-app --typescript --tailwind --app\n\n# Install shadcn/ui\nnpx shadcn@latest init\n\n# Add base components\nnpx shadcn@latest add button\n\n\n## Examples\n\nWhile Prismui builds upon shadcn/ui, it enhances the developer experience by providing a rich set of pre-built sections and complex UI patterns. These include various layouts for Hero Sections, Feature Grids, Headers & Navigation, Main Features, and Footers. Developers can quickly integrate these ready-to-use components to build complete pages and layouts, accelerating the development of modern web applications.\n\nFor a visual overview of the components and sections offered, you can refer to the project's main image: [Prism UI Components](https://raw.githubusercontent.com/Codehagen/Prismui/main/public/static_og.png){:target='_blank'}.\n\n## Why Use Prismui?\n\nPrismui stands out as an excellent choice for developers seeking to build modern, high-quality web applications for several reasons:\n\n*   **Built on shadcn/ui**: Leverages the reliability and accessibility of shadcn/ui components, ensuring a solid and well-tested foundation.\n*   **Extensive Pre-built Sections**: Offers ready-to-use Hero, Feature, Header, and Footer sections, significantly speeding up UI development and reducing boilerplate.\n*   **Modern Tech Stack**: Integrates seamlessly with Next.js 14, Radix UI, and Tailwind CSS, ensuring a robust, performant, and scalable application architecture.\n*   **Enhanced Developer Experience**: Provides full TypeScript support, dark mode, responsive design, and accessibility features out-of-the-box, streamlining the development workflow.\n*   **Fully Customizable**: Allows extensive styling and customization to match any brand identity, giving developers complete control over the visual appearance.\n\n## Links\n\n*   **GitHub Repository**: [https://github.com/Codehagen/Prismui](https://github.com/Codehagen/Prismui){:target='_blank'}\n*   **Official Website**: [https://prismui.com](https://prismui.com){:target='_blank'}\n*   **License**: [AGPL-3.0 License](https://github.com/Codehagen/Prismui/blob/main/LICENSE.md){:target='_blank'}\n*   **Contributors**: [Prismui Contributors](https://github.com/Codehagen/Prismui/graphs/contributors){:target='_blank'}","metrics":{"detailViews":6,"githubClicks":5},"dates":{"published":null,"modified":"2025-10-12T01:30:29.000Z"}}