{"id":27604039,"url":"https://github.com/codehagen/prismui","last_synced_at":"2025-05-15T20:07:07.882Z","repository":{"id":270817163,"uuid":"911537666","full_name":"Codehagen/Prismui","owner":"Codehagen","description":"A fully customizable component library built on top of shadcn/ui. Beautiful, accessible, and ready for production.","archived":false,"fork":false,"pushed_at":"2025-02-01T19:47:48.000Z","size":9325,"stargazers_count":680,"open_issues_count":13,"forks_count":23,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-22T19:46:37.868Z","etag":null,"topics":["open-source","prisma","shadcn-ui","tailwind","typescript"],"latest_commit_sha":null,"homepage":"https://prismui.tech","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Codehagen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-01-03T08:53:54.000Z","updated_at":"2025-04-21T11:17:07.000Z","dependencies_parsed_at":"2025-04-22T19:33:43.410Z","dependency_job_id":"dee5fab4-804f-4940-b76b-246fab03f581","html_url":"https://github.com/Codehagen/Prismui","commit_stats":null,"previous_names":["codehagen/prismui"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codehagen%2FPrismui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codehagen%2FPrismui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codehagen%2FPrismui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Codehagen%2FPrismui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Codehagen","download_url":"https://codeload.github.com/Codehagen/Prismui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254414499,"owners_count":22067272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["open-source","prisma","shadcn-ui","tailwind","typescript"],"created_at":"2025-04-22T19:23:31.789Z","updated_at":"2025-05-15T20:07:02.798Z","avatar_url":"https://github.com/Codehagen.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://prismui.com\"\u003e\n  \u003ch1 align=\"center\"\u003ePrism UI: Beautiful Components Built on shadcn/ui\u003c/h1\u003e\n\u003c/a\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"1200\" alt=\"Prism UI Components\" src=\"https://raw.githubusercontent.com/Codehagen/Prismui/main/public/static_og.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  A modern, accessible component library built on top of shadcn/ui, combining the power of Radix UI primitives with the flexibility of Tailwind CSS.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/Codehagen/Prismui/blob/main/LICENSE.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/Codehagen/Prismui?label=license\u0026logo=github\u0026color=f80\u0026logoColor=fff\" alt=\"License\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#introduction\"\u003e\u003cstrong\u003eIntroduction\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#installation\"\u003e\u003cstrong\u003eInstallation\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#tech-stack--features\"\u003e\u003cstrong\u003eTech Stack + Features\u003c/strong\u003e\u003c/a\u003e ·\n  \u003ca href=\"#contributing\"\u003e\u003cstrong\u003eCredits\u003c/strong\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cbr/\u003e\n\n## Introduction\n\nWelcome to Prism UI – a modern, accessible, and beautiful React component library built on top of shadcn/ui. We extend and enhance the already powerful shadcn/ui components with additional features, pre-built sections, and complex UI patterns that help developers create stunning web applications faster than ever.\n\nOur library provides everything you need to build modern web applications:\n- Pre-built page sections (Hero, Features, Headers)\n- Complex UI patterns and layouts\n- Full TypeScript support\n- Style and customize everything to match your brand\n\n## What we are using\n\nBuilt on a strong foundation:\n- shadcn/ui's rock-solid components\n- Next.js 14 with React Server Components\n- Radix UI primitives for accessibility\n- Tailwind CSS for styling\n- TypeScript for type safety\n\u003cbr/\u003e\nAll seamlessly integrated to provide the best developer experience.\n\n## Directory Structure\n\nPrism UI follows a clear and organized structure:\n\n    .\n    ├── src                         # Main project directory\n    │    ├── components             # UI components\n    │    │    ├── blog              # MDX components for blog\n    │    │    ├── docs              # MDX components for documentation\n    │    │    ├── prismui           # Prism UI custom components\n    │    │    ├── sections          # Pre-built page sections\n    │    │    └── ui                # Base shadcn/ui components\n    │    ├── content                # Documentation and blog content\n    │    └── lib                    # Utilities and helpers\n    ├── LICENSE\n    └── README.md\n\n## Installation\n\nGet started with Prism UI in your project:\n\n```bash\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## Tech Stack + Features\n\n### Core Foundation\n\n- [shadcn/ui](https://ui.shadcn.com/) – Our foundation for reliable, accessible components\n- [Next.js](https://nextjs.org/) – React framework for building performant apps\n- [Radix UI](https://www.radix-ui.com/) – Accessible UI component primitives\n- [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework\n\n### Pre-built Sections\n\n- **Hero Sections** – Multiple layouts for landing pages\n- **Feature Grids** – Showcase your product features\n- **Headers \u0026 Navigation** – Responsive navigation systems\n- **Main Features** – Highlight key features with style\n- **Footers** – Various footer layouts\n\n### Developer Experience\n\n- Full TypeScript support\n- Ready-to-use page templates\n- Dark mode support\n- Responsive design\n- Accessibility features\n\n### Development\n\n- [TypeScript](https://www.typescriptlang.org/) – Static type checking\n- [MDX](https://mdxjs.com/) – Documentation and blog posts\n- [ESLint](https://eslint.org/) – Code linting\n- [Prettier](https://prettier.io/) – Code formatting\n\n## Contributing\n\nWe love our contributors! Here's how you can contribute:\n\n- [Open an issue](https://github.com/Codehagen/Prismui/issues) if you believe you've encountered a bug\n- Make a [pull request](https://github.com/Codehagen/Prismui/pull) to add new features/make quality-of-life improvements/fix bugs\n\n### Getting Started with Issues\n\n1. 🔍 Find an issue you want to work on in our [issues page](https://github.com/Codehagen/Prismui/issues)\n2. 💬 Comment `.take` on the issue you want to work on\n3. 🎉 The issue will be automatically assigned to you\n\nThe `.take` command helps us track who's working on what. Once you comment `.take`, our bot will:\n- Assign the issue to you\n- Add an \"in progress\" label\n- Let others know the issue is being worked on\n\n### Contributors\n\n\u003ca href=\"https://github.com/Codehagen/Prismui/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=Codehagen/Prismui\" /\u003e\n\u003c/a\u003e\n\n## Repo Activity\n\n![Prism UI repo activity – generated by Axiom](https://repobeats.axiom.co/api/embed/5a13361b4d4df705e2ac0af6bb734bdba5866031.svg \"Repobeats analytics image\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodehagen%2Fprismui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodehagen%2Fprismui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodehagen%2Fprismui/lists"}