Swipe

screenshot of Swipe
angular
react
scss

Swipe is the most accurate touch slider. Support both React and Angular.

Overview

SwipeBuild is a remarkable touch slider designed for modern web applications, boasting impressive compatibility and performance. Weighing in at only 6kb when minified, this slider delivers powerful functionality without compromising load times. Compatible with all major browsers, including older versions like IE8, SwipeBuild is a perfect solution for developers looking to enhance user experience across a broad spectrum of platforms.

The project is a continuation of the original Swipe library, aiming to breathe new life into it by offering maintenance updates and new features. This initiative encourages community involvement, welcoming pull requests from developers eager to contribute. With seamless integration into both React.js and Angular.js frameworks, SwipeBuild provides a versatile tool for creating dynamic interfaces.

Features

  • Lightweight Design: At only 6kb minified, SwipeBuild ensures fast loading times and efficient performance.
  • Cross-Browser Compatibility: Works flawlessly across all modern browsers, including compatibility with Internet Explorer 8 and above.
  • Framework Support: Supports both React.js and Angular.js (version 1), making it easy to integrate into existing projects.
  • Simple Setup: Requires minimal markup and just a single line of JavaScript to initialize, streamlining the implementation process.
  • Customizable Options: Offers key configuration options such as starting slide index, transition speed, and auto-play functionality to tailor the user experience.
  • Infinite Scrolling: Features a continuous mode that gives a seamless infinite scrolling effect, enhancing the flow of navigation.
  • Community Driven: As a maintained and evolving project, it welcomes developer contributions to keep improving the library.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.