Top 21 TypeScript Carousel Projects
-
While working with Angular project, you may check Vuexy – Angular Admin Dashboard Template. It is made using ng bootstrap and Angular CLI. If you’re a developer looking for an admin dashboard that is developer-friendly, rich with features, and highly customizable look no further than Vuexy.
-
artillery quick --count 15 -n 30 https://valor-software.com/ngx-bootstrap/ With this command, the test will run 15 virtual users with each of them making 30 HTTP GET requests to the URL address that you specified.
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
-
Project mention: Looking for a select 'spinner' similar to the timer on iphone. | reddit.com/r/reactjs | 2022-06-01
I know that keen-slider has an example for iOS-inspired date/time picker. I haven't used it myself though.
-
splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Slick is a very popular carousel, I use splide but either one would be able to make a slider like that
-
Embla Carousel
www.embla-carousel.com | A lightweight carousel library with fluid motion and great swipe precision.
Project mention: Any recommendations for a Lightbox / Gallery plugin that is compatible with Gatsby 4? | reddit.com/r/gatsbyjs | 2022-06-01 -
And the last step is of course to render the children at the current index. This is a very simple carousel that you could make but if you want a more advanced carousel, you could either use an npm package like react-responsive-carousel or read the source code of these packages and try to make one yourself. I would say that making one yourself will be a really good exercise for your react skills.
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
tiny-swiper
Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.
-
Project mention: Does a chat application require windowing to prevent performance issue ? | reddit.com/r/reactjs | 2021-08-30
https://github.com/wellyshen/react-cool-virtual 🚀 https://github.com/clauderic/react-tiny-virtual-list
-
react-native-reanimated-carousel
Simple React Native carousel component,fully implemented using reanimated v2,support to iOS/Android/Web.（轮播图、swiper）
Snap carousel has alot of performance issues https://github.com/dohooo/react-native-reanimated-carousel This one is great
-
react-multi-carousel
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
-
svelte-commerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.
Project mention: Created whole ecommerce storefront using Sveltekit | reddit.com/r/sveltejs | 2021-07-27 -
react-alice-carousel
React responsive component for building content galleries, content rotators and any React carousels
Project mention: project running okay on machine but not on web | reddit.com/r/learnprogramming | 2022-03-27Have you seen the GitHub issue which matches yours? https://github.com/maxmarinich/react-alice-carousel/issues/219
-
react-fast-marquee
A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.
If you’re working with react: I user this package in one of my projects: https://github.com/justin-chu/react-fast-marquee
-
Hey all, I'm having trouble mixing the cdk virtual scroller with the ngu carousel, basically, inside the virtual scroller I'm putting the ngu-carousel and updating the data depending on the currently visible carousel, all this is being handled by the virtual scroller (and is working correctly, the data is being updated correctly).
-
Project mention: Show HN: Rerousel, React Carousel with Simple DX | news.ycombinator.com | 2021-11-23
-
react-simply-carousel
A simple, lightweight, fully controlled isomorphic (with SSR support) React.js carousel component. Touch enabled and responsive. With support for autoplay and infinity options. Fully customizable
-
-
-
Github - https://github.com/knowankit/react-smart-carousel
-
TypeScript Carousel related posts
- Looking for a select 'spinner' similar to the timer on iphone.
- Any recommendations for a Lightbox / Gallery plugin that is compatible with Gatsby 4?
- multiple carousel on the same webpage
- I need help making a simple image slider!!
- React Native Carousel?
- Help with making a carousel in reactjs
- As a solo front-end developer, how do I deal with imposter syndrome and bring my boss back down to reality?
Index
What are some of the best open-source Carousel projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | ng-bootstrap | 7,955 |
| 2 | ngx-bootstrap | 5,390 |
| 3 | lightGallery | 5,214 |
| 4 | keen-slider | 3,412 |
| 5 | splide | 2,839 |
| 6 | Embla Carousel | 2,302 |
| 7 | react-responsive-carousel | 2,144 |
| 8 | tiny-swiper | 1,219 |
| 9 | react-cool-virtual | 995 |
| 10 | react-native-reanimated-carousel | 945 |
| 11 | react-multi-carousel | 910 |
| 12 | svelte-commerce | 676 |
| 13 | react-alice-carousel | 614 |
| 14 | react-fast-marquee | 324 |
| 15 | ngu-carousel | 301 |
| 16 | rerousel | 104 |
| 17 | react-simply-carousel | 52 |
| 18 | react-native-carousel | 38 |
| 19 | flat-carousel | 11 |
| 20 | react-smart-carousel | 3 |
| 21 | slidish | 1 |
Are you hiring? Post a new remote job listing for free.
