daformat

daformat / react-headless-carousel

Public

A react headless carousel component: scrollable, and swipeable carousel, even on desktop, complete with snapping, friction, rubber-banding and overscroll.

hello-mat.comdesign-engineeringcomponentcarousel-component carousel carousel-component headless momentum react
10
0
100% credibility
Found Mar 28, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A React component library providing a headless, customizable carousel for smooth scrolling and swiping of content with navigation and visual effects.

How It Works

1
🔍 Discover the slider

You find this free tool for making smooth sliding showcases on websites, perfect for photos or products.

2
📥 Add to your page

You easily include the slider tool into your website project so it's ready to use.

3
🖼️ Fill with your content

You place your images, cards, or items inside the slider frame.

4
✨ See it slide smoothly

Drag or swipe to watch your content glide with perfect snapping and bounce.

5
🔘 Add navigation buttons

You drop in previous and next buttons that move to the right spot automatically.

6
🎨 Make it look perfect

Tweak the colors, sizes, and fades to match your site's style.

✅ Enjoy happy visitors

Your audience effortlessly browses the carousel on any device, loving the natural feel.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-headless-carousel?

This TypeScript React component delivers a headless carousel for scrollable, swipeable content that works seamlessly on desktop and mobile. Developers drop it into apps for smooth navigation with snapping, momentum friction, rubber-banding, and overscroll effects, solving the pain of clunky sliders without dictating your styling. Pair it with other react headless ui components like react headless table or react headless toast for consistent, unstyled UIs in react github projects.

Why is it gaining traction?

It stands out with desktop mouse dragging that feels native, auto-disabled prev/next buttons based on scroll position, and CSS vars for dynamic styling like remaining scroll distances. Unlike bloated alternatives, this react headless carousel gives full control via context hooks for programmatic scrolling, fitting right into react headless ui library workflows alongside react headless select or pagination. Early react github stars hint at devs appreciating its physics-driven smoothness without JS-heavy dependencies.

Who should use this?

Frontend devs crafting custom carousels in React apps, like image galleries or product sliders on react github pages. Ideal for teams using headless patterns—think react headless cms integrations or react github example projects needing swipeable lists without framework lock-in. Skip if you want out-of-box themes; this shines for Tailwind or CSS-in-JS setups.

Verdict

With 10 stars and 1.0% credibility score, it's immature but promising—solid docs, demo, and tests cover edge cases like keyboard nav. Try it for prototypes if react headless ui components are your jam, but watch for community growth before production.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.