{"repo":"gonzalochale/chonza","free":true,"listed":false,"github":"https://github.com/gonzalochale/chonza","clone":"git clone https://github.com/gonzalochale/chonza.git","description":"Create your own NextJS UI components library docs using mdx and TailwindCSS","language":"TypeScript","stars":31,"topics":["tailwindcss","ui","ui-components","component","typescript","component-library","components-react","template"],"license":"MIT","category":"ui-components","readme_excerpt":"Chonza - Your UI Library Docs template Introduction This project is a starter template designed to help you create and showcase your own UI components library using React, NextJS, MDX, and TailwindCSS. The template provides a structured and efficient way to build, document, and display your custom components. Features - React & NextJS : Leverage the power of React and the framework capabilities of NextJS. - MDX : Write markdown and embed React components to create interactive documentation. - TailwindCSS : Utility-first CSS framework for rapid UI development. - Component Previews : Live previews of components within the documentation. - Code Blocks with Copy Button : Easily shareable code snippets with a copy button for convenience. Getting Started Follow these steps to create and showcase your UI components: Step 1: Create Your Component Create your component within the /components/examples/ folder. This is where you will define the functionality and styling of your component. Step 2: Create Your Documentation File Create a .mdx file for your component inside the content/library/ folder. This file will serve as the documentation and preview for your component. You can include: - Component Preview : Embed your component to show how it looks and behaves. - Code Blocks : Add code snippets with a copy button for users to easily copy the code. Step 3: Update Navigation To make your new component accessible within the app, update the navigation configuration: 1. Open the site.ts f","default_branch":null,"files":null,"tree":[],"storefront":"/r/gonzalochale","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/gonzalochale/chonza/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}