Skip to content

🥞 a Chakra UI port using Panda + Ark-UI

Notifications You must be signed in to change notification settings

ayoubqrt/crepe-ui

 
 

Repository files navigation

🥞 crepe-ui, a Chakra UI port using Panda+Ark-UI

  • pnpm i
  • pnpm dev
  • cd packages/components
  • pnpm demo
Screenshot 2024-01-03 at 23 48 32 Screenshot 2024-01-03 at 23 48 40

We only need to watch/rebuild the packages/preset-chakra due to using custom conditions, since Panda doesn't support them yet.

Updating the packages/preset-chakra will trigger a static.css file generation, which is used by the demo.

TODO

  • update Ark-UI and remove all the pasted UseXXXProps types when v1 is released

  • create other frameworks implementation, only the React one is done

  • for each frameworks, export 2 different versions:

    1. for Panda users, with @crepe-ui/styled-system as external dependency
    2. for non-Panda users, with everything bundled
  • make a version of the components that is RSC-compatible = without createStyleContext

    • could use defineParts
    • or could just keep using slots but with explicit props passing

Missing Chakra components

Editable, Number Input, Pin Input, Radio, Range Slider, Slider, Stat, Circular Progress, Spinner, Toast, Highlight, Drawer, Menu, Accordion, Breadcrumb, Stepper

About

🥞 a Chakra UI port using Panda + Ark-UI

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.7%
  • CSS 2.4%
  • Other 0.9%