<h2>Overview:</h2>
<p>Chaktor is an Admin Dashboard built with Chakra UI and Next.js. It is designed to provide users with a user-friendly interface for managing and controlling their administrative tasks.</p>
<h2>Features:</h2>
<ul>
<li><strong>Chakra UI</strong>: The dashboard is built using Chakra UI, a popular React component library that provides a set of accessible and customizable UI components.</li>
<li><strong>Next.js</strong>: Chaktor uses Next.js, a React framework, to build fast and scalable server-side rendered applications.</li>
<li><strong>Admin Dashboard</strong>: Chaktor is specifically designed as an admin dashboard, providing users with functionality to manage and control their administrative tasks efficiently.</li>
</ul>


<h2>Overview</h2>
<p>The All Contributors theme is a versatile tool that allows users to easily add contributors to their project with various input methods, including mouse and keyboard. It offers features such as group creation, custom rendering, multi-select with tags, creatable items, loading state, and autocomplete methods.</p>
<h2>Features</h2>
<ul>
<li><strong>Group Creation</strong>: Users can create groups with the AutoCompleteGroup component and add a title with the AutoCompleteGroupTitle component.</li>
<li><strong>Accessing the Internal State</strong>: Developers can access the internal state of the AutoComplete using a function as children, providing access to the isOpen state with the onOpen and onClose methods.</li>
<li><strong>Custom Rendering</strong>: The AutoComplete allows for custom rendering, where users can render whatever component they prefer for the AutoComplete Items, which are regular Chakra Boxes.</li>
<li><strong>Multi-Select with Tags</strong>: The AutoComplete component can be set to allow multi-selecting with tags. The onChange prop now returns an array of the chosen values, and users can map the tags using the AutoCompleteTag component or any other component of their choice.</li>
<li><strong>Creatable Items</strong>: The AutoComplete supports creatable items, allowing users to add extra items when their options are not available in the provided options. The creatable prop enables this functionality, and the AutoCompleteCreatable component can be added to the bottom of the list for more information on this feature.</li>
<li><strong>Loading State</strong>: To provide a better user experience when pulling data from an API, the AutoComplete supports a loading state. By enabling the isLoading prop, the loadingIcon will display a loading icon on the right side of the input, and the loadingState on AutoCompleteList can display custom loading content when isLoading is true.</li>
<li><strong>Autocomplete Methods</strong>: The AutoComplete component provides methods that can be called using a ref. These methods allow for programmatic control over the AutoComplete functionality.</li>
</ul>


<h2>Overview:</h2>
<p>Choc UI is a collection of components built based on the Chakra UI library. It is inspired by various sources of well-used web components and offers a range of elements, headers, cards, alerts, pagination, badges, gradient icons, and more. Choc UI aims to provide an easy-to-use and customizable set of components for building web applications.</p>
<h2>Features:</h2>
<ul>
<li>Elements: A collection of UI elements for building web interfaces.</li>
<li>Headers: Pre-built header components for easy navigation.</li>
<li>Cards: Ready-to-use card components for displaying content.</li>
<li>Alerts: Alert components for displaying important messages.</li>
<li>Pagination: Pagination components for navigating through data sets.</li>
<li>Badges: Badge components for highlighting information.</li>
<li>Gradient Icons: A set of gradient icons for decorative purposes.</li>
<li>Hero Sections: Sections with visually appealing hero images and text.</li>
<li>Feature Sections: Sections for highlighting key features or services.</li>
<li>CTA Sections: Call-to-action sections for encouraging user interaction.</li>
<li>Pricing Sections: Sections for displaying pricing information.</li>
<li>Navigation: Ready-made navigation components for easy website navigation.</li>
<li>Navbars: Pre-styled navbar components for website headers.</li>
<li>Form Layouts: Layout templates for sign-in, registration, and other forms.</li>
<li>Lists: Pre-styled list components for displaying content in various formats.</li>
<li>Tables: Ready-to-use table components with sorting and filtering options.</li>
</ul>


Anubra266

Chaktor

Choc Autocomplete

Choc UI