building diceui. open-source shadcn components, data table, and pptx editor
Joined February 2023
- Tweets1.7K
- Following820
- Followers5.1K
- Likes44K
i got doom running on a @shadcn data-table at 30 fps.
rendered with 23,040 cells with @tan_stack table.
tablecn data-grid update is live:
→ up to 466k rows support (max browser scroll height)
→ fully accessible via keyboard navigation
→ inline cell editing
→ copy and paste ranges
→ search across every cell
→ bulk actions with undo/redo
built with @shadcn /ui, tanstack table and virtualizer
sadman retweeted
Introducing ShadHub
Directory of GitHub registries.
Built a GitHub registry? Submit it and it shows up right away.
shadhub.dev
sadman retweeted
Yesterday, I merged our largest breaking change for TanStack Hotkeys during our alpha period. The useHotkeySequence, useHotkeySequences, and useHotkeySequenceRecorder hooks are removed. The normal useHotkey hooks just accept sequences now.
This makes it much easier to let sequence bindings live among the rest of your hotkeys without having to add special code and considerations just for them.
sadman retweeted
Introducing React Bits 2.0
The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch.
216 animated React components, free and open source as always.
reactbits.dev
sadman retweeted
I just published Trace, a new component for agent activity. It's one abstraction for reasoning, tool calls, queues, chain of thought, subagents...etc
Also in this release: Code Block and AI Elements.
ui.shadcn.com/docs/changelog…
set a variant in the column meta and the toolbar builds the matching filter.
site: tablecn.com
repo: github.com/sadmann7/tablecn
sadman retweeted
I still spend a LOT of time figuring out the right abstractions and interfaces (user and programming).
I recently built two components for shadcn/react. Each took weeks of UX research, experimentation, and iteration to get right.
AI hasn't accelerated this part yet, at least for me.
What it has done though, is help me fail faster. I can now go through many more failures before a component or code is ready.
sadman retweeted
Alright, I've made the shadcn/ui skills really good at 𝙳𝙴𝚂𝙸𝙶𝙽.𝚖𝚍.
Ask for a design system and it picks a preset, then builds everything: colors, tokens, type scale, elevation, styles the primitives and blocks.
Start with a solid foundation and build something unique.
sadman retweeted
Introducing Remocn Studio
A macOS app for creating and editing videos with your agent. Free. Open source. Use the one you already love: Claude, Codex, Grok, GitHub Copilot. Describe what you want to see. Make several videos at once. Add your brand. Set up your own video pipeline. Enjoy!
sadman retweeted
Introducing audiocn.
I teamed up with open source legend @fortysevenfx, to build components for everything audio in your app.
Fully open source, free, and part of the @shadcn ecosystem.
Check it out, and give us a star on GitHub! ⭐
sadman retweeted
Updated the chatbot-template to latest next, ai-sdk, shadcn/react, cn and some bug fixes. More soon.
github.com/shadcn-ui/chatbot…
sadman retweeted
If you use shadcn/ui for your apps, you're gonna love the UI components from these 8 libraries:
1. Kokonut UI
21st.dev/@kokonutd/library/k…
2. Efferd
21st.dev/@efferd/library/eff…
3. HextaUI
21st.dev/@preetsuthar17/libr…
4. ReUI
21st.dev/@sean0205/library/r…
5. Cult ui
21st.dev/@cult-ui/library/cu…
6. Kibo UI
21st.dev/@haydenbleasel/libr…
7. Dice UI
21st.dev/@diceui/library/dic…
8. Fluid Functionalism
21st.dev/@micka_design/libra…
We tracked down 336 shadcn registries and curated the best of them into 12,000+ components onto our collection on 21st
1. Install @shadcn
2. Copy & paste the prompt for the component on 21st dev into your AI agent (claude/codex/cursor)
3. See the component in your app
Full directory of all 336 shadcn registries + more below ↓