Articles for the UI Components tag
-
Bearnie: The shadcn-Style Component Library Astro Was Waiting For
React developers have shadcn/ui. Astro developers had to envy it from across the fence. Bearnie brings the same own-your-code philosophy to Astro, minus the framework runtime.
-
React Color: The Variety Pack of Color Pickers Your App Has Been Missing
The original react-color defined what a React color picker should look like, then quietly stopped getting updates. @uiw/react-color is the modern, modular, tree-shakeable successor that brings the whole picker zoo back to life.
-
SVAR React Calendar: A Scheduler That Ships With Batteries Included
A look at SVAR's freshly minted React scheduler, where the free MIT core already covers day, week, and month views, drag-to-create events, and a wired-up editor.
-
Schedule-X: The Calendar That Actually Looks Good Out of the Box
Building a production calendar UI by hand is a rabbit hole of overlapping events, breakpoints, and timezone math. Schedule-X hands you a polished one and lets you opt into the rest.
-
HeroUI: Beautiful by Default, Customizable by Design
Building an accessible, themeable, good-looking component library from scratch is one of the most expensive things a front-end team can sign up for. HeroUI hands you all three at once.
-
8bitcn/ui: Press Start on Pixel-Perfect React Components
Turn your React app into a retro arcade with pixel-perfect components that still pass accessibility audits.
-
Dockview: Build VS Code-Style Layouts Without Breaking a Sweat
Ever wondered how VS Code pulls off that slick panel-docking experience? Dockview brings the same IDE-grade layout system to your own apps, complete with drag-and-drop tabs, floating panels, and popout windows. Zero dependencies, full TypeScript support, and it works with React, Vue, Angular, or plain vanilla.
-
Sticky Tables in React: A Magic Touch for Your Data Display
In the world of web development, displaying data effectively is crucial. The
react-sticky-tablelibrary offers a simple yet powerful way to create responsive tables with sticky headers and footers, enhancing user experience.
-
Branching Out: Mastering Dynamic Hierarchies with React DnD TreeView
Dive into the world of React DnD TreeView, a powerful library that brings life to hierarchical data structures. Discover how to create, manipulate, and customize interactive tree components with drag-and-drop functionality, revolutionizing the way you present and manage complex data in your React applications.
-
Simplify Your Forms with react-radio-group in React
Handling radio buttons in React can be cumbersome due to repetitive code and state management challenges. The react-radio-group library offers a simple and effective solution for creating accessible and customizable radio button groups.