Articles for the UI tag
-
React Split Pane v3: The Classic Layout Splitter Gets a Modern Makeover
React Split Pane just shipped its biggest update ever. Version 3 is a complete rewrite with hooks, TypeScript, accessibility, and features the original never had. Here is everything that changed and how to upgrade.
-
Typed.js: The Invisible Typist Living Inside Your Website
Every memorable landing page has that moment where text appears letter by letter, as if a ghost is typing it in real time. Typed.js has been conjuring that illusion since 2013, and with v3.0.0 it is still the most popular way to make your hero section feel alive.
-
react-scroll-into-view: The One-Component Scroll Whisperer
Sometimes all you need is a button that scrolls the page somewhere else. No scroll spy, no active states, no custom scroll math. Just click, scroll, done.
-
Peek: The Disappearing Header Act Your Site Has Been Missing
Headers that know when to get out of the way make content-heavy sites feel faster and more spacious. Peek gives you scroll-aware header behavior in under 4KB of dependency-free JavaScript, using modern browser APIs for buttery-smooth performance.
-
Bearnie: Astro Components You Actually Own
Tired of fighting with opaque npm dependencies? Bearnie gives you 60+ beautifully crafted Astro components that live in your project, not in node_modules. Copy, customize, and call them your own.
-
React Logo Soup: Making Logos Play Nice Together
A tiny React library that uses math instead of manual tweaking to make logo collections look great.
-
Crafting Timeless Tales with React Vertical Timeline
Embark on a journey through time with react-vertical-timeline-component, a powerful tool for creating visually appealing and interactive vertical timelines in React applications.
-
Tabular Triumph: Orchestrating React Tabs with react-tabs-redux
Dive into the world of react-tabs-redux, a versatile tab component that brings order to your React applications. Whether you’re building a simple website or a complex Redux-powered app, this library offers the flexibility and ease-of-use you need to create stunning tab interfaces.
-
Orchestrating Selection: A Symphony with React Drag to Select
In the world of React development, creating intuitive user interfaces is paramount. The React Drag to Select library offers a powerful solution for implementing flexible selection mechanisms, enhancing user experience and interaction in your applications.
-
Mantine DataTable: Orchestrating Data Symphony in React
Explore the capabilities of Mantine DataTable, a powerful React component that transforms complex data into elegant, interactive tables. Perfect for developers seeking efficient data presentation solutions.
