downshift π
react-gallery-carousel
Our great sponsors
downshift π | react-gallery-carousel | |
---|---|---|
9 | 20 | |
11,884 | 211 | |
0.7% | - | |
7.0 | 0.0 | |
15 days ago | 3 months 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.
downshift π
-
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
react-gallery-carousel
- React Carousel Component "with Batteries Included"
-
My Carousel component π solves 20 common issues in other Carousels
Demo: https://yifanai.com/rgc
Source code: https://github.com/yifaneye/react-gallery-carousel
-
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.
The source code is at https://github.com/yifaneye/react-gallery-carousel.
-
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.
-
To learn hooks, I wrote a "dependency-free" Carousel component with support for touch, mouse dragging, lazy loading, pinch to zoom, thumbnails, full screen and keyboard navigation
The demo site is at https://yifanai.com/rgc.
The repository is at https://github.com/yifaneye/react-gallery-carousel.
What are some alternatives?
react-select - The Select Component for React.js
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
react-autosuggest - WAI-ARIA compliant React autosuggest component
react-typeahead - Pure react-based typeahead and typeahead-tokenizer
react-typeahead-component - Typeahead, written using the React.js library.
compose-state - Compose multiple setState or getDerivedStateFromProps updaters in React
Reactjs-popup - React Popup Component - Modals,Tooltips and Menusβββ All inΒ one
tippyjs - Tooltip, popover, dropdown, and menu library
react-native-picker-select - π½ A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
bs5-lightbox - A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
xstate - Actor-based state management & orchestration for complex app logic.
Ajax Bootstrap Select - This uses the bootstrap-select plugin and extends it so that you can use a remote source to search.