Articles for the UI Components tag
-
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.
-
Crafting Queries with Ease: The Magic of React Awesome Query Builder
In the world of web development, creating dynamic and interactive user interfaces is essential. The React Awesome Query Builder library offers a powerful solution for building complex queries effortlessly, making it an invaluable tool for developers.
-
Orchestrating Bluesky Symphonies with react-bluesky-embed
Dive into the world of Bluesky integration with react-bluesky-embed, a powerful React library that allows developers to seamlessly incorporate Bluesky post threads, profiles, and comments into their applications. This article explores the library’s features, installation process, and usage examples to help you create engaging social media experiences within your React projects.