Articles for the UI tag
-
Boneyard: Skeleton Screens Dug Straight Out of Your Real UI
Most skeleton libraries make you draw the bones by hand. Boneyard digs them up from your actual UI, so the placeholder always matches what loads in its place.
-
performative-ui: Components That Signal How Oversubscribed Your Round Is
A field guide to the React library that turns the entire AI-startup landing page into a parts bin. The joke is loud; the components are real.
-
Hiraki: Slide-In Drawers Without the Dependency Hangover
A look at Hiraki, a brand-new headless drawer library that delivers gesture-driven bottom sheets and side panels with zero runtime dependencies. We cover what it does well and where its v0.x youth shows.
-
Scroll Without End: Effortless Pagination with react-infinite-scroll-component
Endless feeds are everywhere, and wiring them up by hand is fiddlier than it looks. This little component handles the scroll-detection plumbing so you can focus on fetching data.
-
Shimmer From Structure: Skeletons That Measure Themselves
Most skeleton libraries make you build and maintain a second copy of every component. This one measures the real thing at runtime and draws the skeleton for you.
-
SSGOI: Give Your Web Pages the Transitions a Native App Would Brag About
Native apps glide between screens. Most websites just blink one page out and the next page in. SSGOI closes that gap with one wrapper and a handful of transition presets.
-
Tabulator: Interactive Data Grids Without the Dependency Tax
A batteries-included, framework-agnostic data grid that renders sortable, filterable, editable tables for you instead of making you assemble the markup yourself.
-
React MD Editor: The Textarea That Thinks It's an Editor
Not every markdown editor needs to drag a full code-editor engine into your bundle. Sometimes a clever textarea and a live preview pane are exactly enough.
-
True Sheet: The Bottom Sheet That Lets the OS Do the Work
If you have ever fought a JavaScript bottom sheet to make it feel native, True Sheet takes a different route: it hands the job straight to the operating system.
-
Micromodal.js: Tiny, Accessible Modals Without the Bloat
Modals look simple until you try to make one that screen readers and keyboard users can actually use. Micromodal.js quietly handles that part for you.