@destyler/vue

Destyler

unstyled component for web.

Choose your starting point

• Use Destyler UI for compound components in React, Vue, Solid, or Svelte. Add your own styles.
• Use this repository for framework-agnostic component state machines, framework adapters, and custom rendering. Start with the core getting-started guide.
• For controlled state and upgrades, read the machine-layer contract and migration guide. UI wrappers document their own normalization and defaults in the UI state guide.

The packages provide interaction and accessibility building blocks. Application-level accessibility still requires testing of the composed UI, content, and styles.

Upgrade compatibility

The next release containing the Node support migration requires Node.js >=22.22.3 for public core packages. See the migration guide before upgrading Node 20 applications. Existing npm artifacts are unchanged.

Tabs in 0.2.12 introduced nullable value-change callbacks, including in patch upgrades. Read the breaking compatibility note and migration guidance before upgrading a string-only handler.

Features

• On demand Import - Provide resolver to automatically import only used components.
• Typescript Supported - Support TypeScript & type checked & type inference.
• Unstyled - easily customizable and great for building design system and web apps.

Credits

All credits go to these open-source works and resources

• Radix UI - https://github.com/radix-ui/primitives
• Radix Vue - https://github.com/radix-vue/radix-vue
• Naïve UI - https://github.com/tusen-ai/naive-ui
• Kobalte - https://github.com/kobaltedev/kobalte
• Oku UI - https://github.com/oku-ui/primitives
• Headless UI - https://github.com/tailwindlabs/headlessui
• Melt UI - https://github.com/melt-ui/melt-ui
• vueuse - https://github.com/vueuse/vueuse
• Anu - https://github.com/jd-solanki/anu
• Floating UI - https://github.com/floating-ui/floating-ui
• primevue - https://github.com/primefaces/primevue
• Shadcn UI - https://github.com/shadcn-ui/ui
• nuxt-ui - https://github.com/nuxt/ui
• nuxt-ui-pro - https://github.com/nuxt-ui-pro
• zag - https://github.com/chakra-ui/zag
• XState - https://xstate.js.org/
• Pure UI Control - https://asolove.medium.com/pure-ui-control-ac8d1be97a8d

License

MIT

Copyright (c) 2023-present, Elone Hoo