react-gallery-carousel
downshift 🏎
Our great sponsors
react-gallery-carousel | downshift 🏎 | |
---|---|---|
20 | 9 | |
212 | 11,897 | |
- | 0.8% | |
0.0 | 7.0 | |
4 months ago | 25 days ago | |
JavaScript | JavaScript | |
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.
downshift 🏎
-
Just curious about package trends (downshift)
I'm curious why there's been a recent downward trend for the downshift package. Here's the source npm trends
-
Are there any downsides in using svelte or sveltekit?
I recently searched for a robust, high-quality, aria conform multi-select dropdown in vanilla js. For React there is react-select or downshift, each with millions of downloads. I couldn't find a good equivalent in vanilla.
-
From my point of Vue: Headless components
The concept is not new, it's been discussed and implemented for a couple of years, I first heard of it when Adam Watham, creator of Tailwind CSS, and its team launched Headless UI libraries like downshift by Kent Dodds also used this pattern, just to mention a couple of cases.
-
react-select VS downshift 🏎 - a user suggested alternative
2 projects | 4 Oct 2021
I think `downshift` could be considered as the best react-select alternative if you are looking to have more fine-grained control over your component or are looking for a smaller bundle size.
- F*ck it: use React for your personal site if you want to
- What do you use for models and other components when using tailwindcss for styling for a react project?
-
Beginner's Thread / Easy Questions (April 2021)
Downshift looks better IMO, with hooks with less "fake" hierarchy.. https://github.com/downshift-js/downshift
-
Launch HN: MagicBell (YC W21) – embedded notification system for your product
[2] https://github.com/downshift-js/downshift
-
Building my own components
There's also Downshift, but you have to build your own UI: https://github.com/downshift-js/downshift
What are some alternatives?
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
react-select - The Select Component for React.js
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-on-screen - Check if a react component in the viewport
react-autosuggest - WAI-ARIA compliant React autosuggest component
unsliderjs - A very simple JS slider.
react-typeahead - Pure react-based typeahead and typeahead-tokenizer
Kursor - Cursor style with javascript and css
react-typeahead-component - Typeahead, written using the React.js library.
gogallery - Static Site generator but for images. Its like Hugo but for large photo galleries
compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React