MCPcopy Index your code
hub / github.com/anubra266/choc-ui

github.com/anubra266/choc-ui @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
255 symbols 755 edges 182 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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

  • [x] Elements
  • [x] Headers
  • [x] Cards
  • [x] Alerts
  • [x] Pagination
  • [x] Badges
  • [x] Gradient Icons
  • [x] Carousels
  • [ ] Empty - Antd, https://readyui.co, razorui.com
  • [ ] Result - Antd
  • [ ] Extra Components
  • [ ] Page Sections
  • [x] Heros
  • [x] Feature Sections
  • [x] CTA Sections
  • [x] Pricing Sections
  • [ ] Client Sections - WickedBlocks
  • [ ] Content Sections
  • [ ] FAQs
  • [ ] Newsletter Sections
  • [ ] Stats - Kutty, TailwindUI
  • [ ] Testimonials
  • [ ] Blog Sections -
  • [ ] Contact Sections
  • [x] Footers - Meraki UI
  • [ ] Logo Clouds
  • [ ] Navigation - TailwindUI, Meraki UI
  • [x] 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!

Core symbols most depended-on inside this repo

capitalize
called by 4
components/head/dynamic.tsx
getVisible
called by 2
components/to-top.tsx
useRoutes
called by 2
components/utils/route-categories/parse-categories.ts
getDeviceWidths
called by 2
components/component-demo/machine/component-demo.machine.utils.ts
presets
called by 2
theme/colors.ts
inIframe
called by 1
components/site-settings.tsx
resizeIframe
called by 1
components/component-demo/preview-frame.tsx
transformCode
called by 1
components/component-demo/transform-code.ts

Shape

Function 250
Class 2
Method 2
Enum 1

Languages

TypeScript100%

Modules by API surface

components/component-demo/machine/component-demo.machine.ts8 symbols
components/layouts/docs/sidebar-content.tsx5 symbols
pages/preview/extrael/snackbar/index.tsx4 symbols
pages/preview/carousels/win/index.tsx4 symbols
pages/preview/carousels/wcp/index.tsx4 symbols
pages/_document.tsx4 symbols
components/component-demo/transform-code.ts4 symbols
components/component-demo/preview-frame.tsx4 symbols
components/component-demo/machine/component-demo.connect.ts4 symbols
pages/preview/sidebar/swibc/index.tsx3 symbols
pages/preview/sidebar/bs/index.tsx3 symbols
pages/preview/pagination/scp/index.tsx3 symbols

For agents

$ claude mcp add choc-ui \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact