Headless component library for React, Vue, Solid.js and Svelte. Built with Finite State Machines.
Joined March 2023
- Tweets150
- Following2
- Followers1.3K
- Likes184
Ark™ retweeted
I've spent the last week working on something fun!! 🎊
Introducing Panda Theme Explorer -> panda-theme-explorer.vercel.…
I styled Ark UI components @ark_ui_ with Panda CSS @panda__css to create 6 themes that use the same components but look sooo different
You can explore, switch between light/dark mode and even copy a theme you like!
My favorite is Y2K 😂
Ark™ retweeted
How cool is it that thanks to @ark_ui_ and moduix.dev, you get a shadcn-like experience in React and Solid, with Vue and Svelte soon. No framework lock-in.
That’s why libs with the same mindset, like TanStack, Formisch, etc., will always have a place in my heart ❤️
Ark™ retweeted
Moduix looks great! I was waiting for a framework agnostic component library on top of @ark_ui_ that works with Tailwind. moduix.dev/
Ark™ retweeted
@zag_js + @ark_ui_ just shipped Cascade Select, Table of Contents, and Hotkeys
Two of the best framework-agnostic libraries for building modern UIs somehow keep getting better.
Go show them some love - they deserve way more attention ❤️
ark-ui.com
Looks neat! 👌
Lately, there’s been a lot more talk about sidebars, so I decided to give the Sidebar component in moduix a little refresh.
Built on top of @ark_ui_ primitives: Splitter, Tooltip, Collapsible, and Menu.
You can try it here - moduix.dev/docs/sidebar
Ark™ retweeted
And today we're really happy with where we ended up with Ark: moduix is now something we use every day across our projects.
Huge thanks to @thesegunadebayo and @grizzly_codes for @ark_ui_ and @chakra_ui — your work has been a huge inspiration for what we're building now. ❤️
Ark™ retweeted
I spent a month rebuilding the design system. Clear goal: leave Reka, move to @ark_ui_.
1️⃣ More components.
Ark UI covers a much wider catalog than what I had with Reka. For a full design system, it changes everything.
2️⃣ A more reliable API.
Behind Ark: state machines. You know how a component behaves. Fewer surprises. More control when you build.
3️⃣ Adding a new component stays consistent.
@zag_js state machines give you a clear model. Same way to think about state. So every new piece follows the same pattern.
If you build with Vue and want a ready-to-use design system: vuzeno.com
Ark™ retweeted
This is the most elegant UI/component design system using the most modern and elegant tools available. @solid_js @panda__css @ark_ui_
codylindley.github.io/asp-de…
Ark™ retweeted
Stark UI dialog component.
✅ nested dialog
✅ placement-aware entry/exit animations
using @ark_ui_ under the hood.
Ark™ retweeted
Just published a new article on styling Ark UI @ark_ui_ components with Panda @panda__css
➡️ panda-css.com/blog/styling-a…
- checkbox and dialog styling
- slot recipes with 𝒔𝒗𝒂
- style Context using Panda's helper 𝒄𝒓𝒆𝒂𝒕𝒆𝑺𝒕𝒚𝒍𝒆𝑪𝒐𝒏𝒕𝒆𝒙𝒕
Ark™ retweeted
swap component for Stark UI.
switch and animate between two icons with ease.
fade, flip, move x y , rotate and scale animations are supported out of the box.
huge thanks to @ark_ui_ for creating such a delightful component API.
Ark™ retweeted
introducing Collapsible component for Stark UI.
with partial collapse support, powered by @ark_ui_
Ark™ retweeted
Introducing Moto UI - an open source alternative to Chakra UI built with @panda__css and @ark_ui_
Link in the comments section 👇
Ark™ retweeted
composing a TagsInput + Combobox component with @ark_ui_
use the left + right arrow keys to highlight tags, and backspace to delete the selected one
use the up + down arrow keys to open the dropdown directly
fully keyboard accessible 🤌
the styles come from Stark UI 🤩🤩
Ark™ retweeted
Imagine @shadcn without the dependency soup. 🥣
No more Embla, Vaul, Sonner, or React-resizable-panels. Just one headless engine powering every single component.
Ark UI support might be the biggest DX upgrade yet. Check the PR:
github.com/shadcn-ui/ui/pull…
