react-gallery-carousel
headlessui
react-gallery-carousel | headlessui | |
---|---|---|
20 | 181 | |
212 | 24,266 | |
- | 1.2% | |
0.0 | 9.1 | |
4 months ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-gallery-carousel
- React Carousel Component "with Batteries Included"
-
My Carousel component π solves 20 common issues in other Carousels
Demo: https://yifanai.com/rgc
-
My Mobile-friendly, Detail-oriented Carousel π Component
GitHub: https://github.com/yifaneye/react-gallery-carousel π Demo: https://yifaneye.github.io/react-gallery-carousel/ (or https://yifanai.com/rgc) npm: https://www.npmjs.com/package/react-gallery-carousel
- After using so many carousels, I wrote a mobile-friendly carousel π with batteries included, that supports touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
- Mobile-friendly Carousel π with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations
-
Mobile-friendly Carousel π with support for touch, mouse dragging, lazy loading, thumbnails, fullscreen, RTL, keyboard navigation and customisations.
The live demo is at https://yifanai.com/rgc.
- To learn functional components and custom hooks, I wrote a mobile-friendly Carousel component with support for touch, mouse dragging, lazy loading, thumbnails, keyboard navigation and RTL.
-
To master JS events and DOM manipulation, I wrote a mobile-friendly detail-oriented Carousel component with support for touch, mouse dragging, lazy loading, thumbnails and RTL using React.
I tried many steps to make my carousel effective and accessible. Would you like to give me some advices? The live demo is at https://yifanai.com/rgc.
headlessui
- Headless UI
-
Exploring Catalyst, Tailwind's UI kit for React
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
-
Headless UI - a great components library for Vue & React
And that is why I was looking for a UI library that would deliver these things for a long time and today I am happy to announce that I have found it! It is Headless UI by the Tailwind Team.
-
The Secret Weapon of Top Developers: 7 React JS Libraries You Can't Afford to Ignore
Headless UI provides a suite of unstyled, fully accessible UI components perfect for developers who want full control over their interface design. It's a developer's canvas, offering the foundational parts needed to build a user interface without dictating the aesthetics, making it ideal for those who love to integrate with Tailwind CSS. With https://headlessui.com/, you can ensure that your applications are inclusive and easy to use for everyone, while also maintaining the freedom to craft a unique look and feel that aligns with your brand or style guidelines.
- Tailwind Color Palette Generator
-
9 React component libraries for efficient development in 2023
GitHub stars: 22.5k GitHub link: https://github.com/tailwindlabs/headlessui Documentation: https://headlessui.com/
-
React Ecosystem inΒ 2024
Website: Headless UI
-
Build E-Commerce apps faster with Storefront UI
Few months ago, I discovered project called Headless UI and I instantly liked the idea.
-
Top 5 Headless Components For Your React Application In 2023
In addition to Tailwind CSS, Tailwind Labs also created Headless UI, a collection of components that work well with Tailwind CSS.
-
Accessibility and Headless UI Libraries - Adobe, Radix, Tailwind, MUI
Tailwind - Headless UI
What are some alternatives?
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
daisyui - πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
downshift π - π A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
react-on-screen - Check if a react component in the viewport
unsliderjs - A very simple JS slider.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
Kursor - Cursor style with javascript and css
chakra-ui - β‘οΈ Simple, Modular & Accessible UI Components for your React Applications