• Stars
    star
    1,098
  • Rank 42,222 (Top 0.9 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created almost 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Prebuilt ⭐⭐⭐⭐⭐ Chakra UI Higher Order Components

License Author Made In


About Choc UI

CHOC is acronym for Chakra Higher Order Components. Choc UI is a collection of components, inspired by many sources of well used web components, which are rebuilt based on the Chakra UI library.

Official Documentation

See it in action on Choc-UI's Website.


Components

  • Elements
    • Headers
    • Cards
    • Alerts
    • Pagination
    • Badges
    • Gradient Icons
    • Carousels
    • Empty - Antd, https://readyui.co, razorui.com
    • Result - Antd
    • Extra Components
  • Page Sections
    • Heros
    • Feature Sections
    • CTA Sections
    • Pricing Sections
    • Client Sections - WickedBlocks
    • Content Sections
    • FAQs
    • Newsletter Sections
    • Stats - Kutty, TailwindUI
    • Testimonials
    • Blog Sections -
    • Contact Sections
    • Footers - Meraki UI
    • Logo Clouds
  • Navigation - TailwindUI, Meraki UI
    • Navbars
    • Vertical Navigation (Menus)
    • Sidebar Navigation
  • Headings - TailwindUI
    • Card Headings
    • Section Headings
    • Page Headings
  • Example Pages - Meraki UI, Kutty
    • Landing Pages
    • Contact Pages
    • Error Pages
    • Home Screens
    • Detail Screens
    • Settings Screens
  • Forms Tailwind
    • Form Layouts - Tailwind
    • Sign in and Registration - WickedBlocks
  • Lists Tailwind
    • Tables
    • Stacked Lists
    • Grid Lists
    • Feeds
  • Application Shells
    • Sidebar Layouts
    • Page Layouts - Antd
    • Stacked Layouts - TailwindUI
    • Multi Column Layouts - TailwindUI

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated. See Contributing.md

License

Distributed under the MIT License. See LICENSE for more information.

Sponsors

Thanks goes to these wonderful people

Contributors

Thanks goes to these wonderful people (emoji key):

Abraham
Abraham

💻 🎨 🚧
Akinyosoye Gabriel
Akinyosoye Gabriel

🚧
Michael Grigoryan
Michael Grigoryan

💻 🎨
Anu
Anu

💻
Julius Idowu
Julius Idowu

🚧
John McElreavey
John McElreavey

💻
Arnav Jindal
Arnav Jindal

💻
Dipesh Wagle
Dipesh Wagle

💻
Pawel
Pawel

💻
Sufian
Sufian

💻
Ismail D.
Ismail D.

💻
Sammy Fattah
Sammy Fattah

📖
Benson Pan
Benson Pan

💻
Abby
Abby

💻
Jackson Hardaker
Jackson Hardaker

💻
Geeth Gunnampalli
Geeth Gunnampalli

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

More Repositories

1

choc-autocomplete

🏇 Autocomplete Component Package for Chakra UI
TypeScript
384
star
2

chaktor

📈 Chakra UI Admin Dashboard
TypeScript
76
star
3

pill-pity

🎨 Hero Patterns - a collection of repeatable SVG background patterns for Chakra UI
TypeScript
29
star
4

choc-datetimepicker

Datepicker component for chakra ui
TypeScript
29
star
5

chakra-play

🤽‍♀️ An advanced online playground for Chakra UI
HTML
17
star
6

emoji-palette

🏇 Get color palettes from emojis
TypeScript
17
star
7

arkxamples

TypeScript
16
star
8

choc-paginator

📟 The Complete Pagination Library for Chakra UI
TypeScript
12
star
9

chakra-remix-stack-blues

Chakra UI port for Remix blues stack
TypeScript
12
star
10

pform-reset

🗒️ Reset for form styles in CSS Panda
TypeScript
11
star
11

css-picons

🔮 Use any icons with Pure CSS in CSS Panda
TypeScript
9
star
12

state-machine-viz

Visualize ZagJS State machines with Stately xstate visualizer
TypeScript
8
star
13

chakra-remix-stack-blues-edge

Remix stack built on EdgeDB and styled in Chakra UI
TypeScript
7
star
14

animated-pandacss

Use Animate.css with Panda CSS
TypeScript
6
star
15

ecopanda

Panda CSS Ecosystem
TypeScript
6
star
16

flixcart

TypeScript
6
star
17

sticky-react

Create Sticky Elements in React
TypeScript
4
star
18

vtril

Vite - Typescript - React - Inertia - Laravel Boilerplate
PHP
4
star
19

Laravel-Inertia-React-app

Inertia App Boilerplate for my future projects
Less
3
star
20

anubra266

My personal portfolio
TypeScript
3
star
21

playground-brainstorm

TypeScript
2
star
22

zag-js-recipes

Recipes for zag-js
TypeScript
2
star
23

ajol

Job Listings Site
TypeScript
2
star
24

vtril-progress

Progress Indicator for Inertia Js App.
TypeScript
1
star
25

browser-sessions

🧑‍💻 Manage Browser Sessions in a Laravel Application
PHP
1
star
26

arnuay

My Final thesis. Done with no seriousness.
PHP
1
star
27

gstars

Upgrade your github stars from a dead storage to a neat library
TypeScript
1
star
28

choc-touchbar

My preferred vscode content for MacBook Touchbar
TypeScript
1
star
29

port-my-folio

Create a portfolio and have a personal link. College Semester mini project
JavaScript
1
star
30

learnRemix

Repo for trying out remix
TypeScript
1
star