Top 14 TypeScript Slider Projects

• keen-slider

  9 3,467 8.9 TypeScript

  The HTML touch slider carousel with the most native feeling you will get.

  Project mention: How do you create this slider? | reddit.com/r/Wordpress | 2022-07-07

  They're using https://keen-slider.io/. Though pretty much any slider/carousel can do this.

• splide

  12 2,996 9.3 TypeScript

  Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.

  

  Project mention: What is this designed called? And how would you make this in tailwindcss? I tried searching carusel, card ,card carusel, scrolling cards etc. | reddit.com/r/web_design | 2022-07-05

  You can easily achieve that with a js package such as https://splidejs.com

• Appwrite

  appwrite.io

  sponsored

  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!

  

• Embla Carousel

  10 2,518 9.2 TypeScript

  www.embla-carousel.com | A lightweight carousel library with fluid motion and great swipe precision.

  Project mention: Mantine 5.0 is out – 140+ hooks and components with dark theme support | reddit.com/r/reactjs | 2022-07-25

  @mantine/carousel package – a fully featured Carousel component based on Embla

• vue-slider-component

  0 2,252 7.7 TypeScript

  🌡 A highly customized slider component

• react-responsive-carousel

  5 2,191 4.1 TypeScript

  React.js Responsive Carousel (with Swipe)

  Project mention: Help with making a carousel in reactjs | reddit.com/r/react | 2022-01-26

  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.

• tiny-swiper

  0 1,220 2.7 TypeScript

  Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.

• react-range

  1 737 5.1 TypeScript

  🎚️Range input with a slider. Accessible. Bring your own styles and markup.

  Project mention: What are your most useful React libraries that more people should know about? | reddit.com/r/reactjs | 2022-03-07

• SonarLint

  www.sonarlint.org

  sponsored

  Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  

• react-native-paper-onboarding

  1 651 1.5 TypeScript

  Paper Onboarding is a material design UI slider for `React Native`.

  Project mention: Taskkit a simple productivity tool | reddit.com/r/reactnative | 2021-08-22

  U can take a look to this repo :) https://github.com/gorhom/react-native-paper-onboarding

• react-native-swiper-flatlist

  1 380 4.7 TypeScript

  👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox

  Project mention: How can I code this - especially the horizontal navigation dots, using RN js? | reddit.com/r/reactnative | 2022-08-14

  Use react-native-swiper-flatlist (https://github.com/gusgard/react-native-swiper-flatlist) or you can make yourself with scrollview and listening onScroll event.

• react-fast-marquee

  1 365 3.9 TypeScript

  A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.

  Project mention: What is this called? | reddit.com/r/webdev | 2021-10-22

  If you’re working with react: I user this package in one of my projects: https://github.com/justin-chu/react-fast-marquee

• react-native-rheostat

  1 99 0.0 TypeScript

  inspired by Airbnb's rheostat, a powerful slider with assorted data visualized charts

  Project mention: Has anyone created a SVG range slider like this before? | reddit.com/r/webdev | 2022-03-09

  The above picture is from a React Native library: https://github.com/DrChai/react-native-rheostat

• react-native-slider-intro

  0 77 1.3 TypeScript

  A simple and fully customizable React Native component that implements an intro slider for your app

• react-smart-carousel

  1 3 2.1 TypeScript

  🪟 A smart carousel that remembers how you slid the image.

  Project mention: Created a react carousel lib | reddit.com/r/reactjs | 2021-09-10

  Github - https://github.com/knowankit/react-smart-carousel

• slidish

  0 1 0.7 TypeScript

  React component for building full-featured sliders

TypeScript Slider related posts

• How do you create this slider?
  1 project | reddit.com/r/Wordpress | 7 Jul 2022
• What is this designed called? And how would you make this in tailwindcss? I tried searching carusel, card ,card carusel, scrolling cards etc.
  1 project | reddit.com/r/web_design | 5 Jul 2022
• Looking for a select 'spinner' similar to the timer on iphone.
  1 project | reddit.com/r/reactjs | 1 Jun 2022
• Any recommendations for a Lightbox / Gallery plugin that is compatible with Gatsby 4?
  2 projects | reddit.com/r/gatsbyjs | 1 Jun 2022
• multiple carousel on the same webpage
  1 project | reddit.com/r/learnjavascript | 16 Apr 2022
• I need help making a simple image slider!!
  1 project | reddit.com/r/Frontend | 19 Mar 2022
• React Native Carousel?
  3 projects | reddit.com/r/reactnative | 10 Mar 2022

Index

Sponsored

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.

scoutapm.com

Do not miss the trending TypeScript projects with our weekly report!