smoothscroll - Scroll Behavior polyfill

•    HTML

---

The Scroll Behavior specification has been introduced as an extension of the Window interface to allow for the developer to opt in to native smooth scrolling. To date this has only been implemented in Firefox. Download the distribution file from this repository and include it in your project.

smooth scroll cssom polyfill

AlloyTouch - Smooth scrolling, rotation, pull to refresh, page transition and any motion for the web - 丝般顺滑的触摸运动方案

•    Javascript

---

Smooth scrolling, rotation, pull to refresh and any motion for the web. This content is released under the MIT License.

touch scrolling scroll transform transformations motion transformjs css3transform smooth

Mos - 一个用于在 MacOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板 | A lightweight tool used to smooth scrolling and set scroll direction independently for your mouse on MacOS

•    Swift

---

一个用于在 MacOS 上平滑你的鼠标滚动效果或单独设置滚动方向的小工具, 让你的滚轮爽如触控板 | A lightweight tool used to smooth scrolling and set scroll direction independently for your mouse on MacOS

mouse smooth reverse osx scroll smoothscroll smooth-scrolling homebrew

AIFlatSwitch - Nicely animated flat design switch alternative to UISwitch

•    Swift

---

A smooth, nice looking and IBDesignable flat design switch for iOS. Can be used instead of UISwitch. Embedded frameworks require a minimum deployment target of iOS 8.

uiswitch custom flat animated switch checkbox button checkmark material swift-3 smooth cocoapod

rx-player - Smooth/DASH HTML5 Video Player

•    TypeScript

---

The Rx-player is a library implementing a DASH and Microsoft Smooth Streaming video player directly on the browser, without plugins. It relies on HTML5 Media Source Extensions and Encrypted Media extensions and is written in TypeScript, a superset of JavaScript. It is currently used in production for premium services and targets several devices, such as computers, phones, but also set-top-boxes, smart TVs and other peculiar environments.

dash hss player html5 mse eme rxjs typescript mediasource reactive rx smooth streaming video

scroll-into-view-if-needed - Element

•    Javascript

---

This used to be a ponyfill for Element.scrollIntoViewIfNeeded. Since then the CSS working group have decided to implement its features in Element.scrollIntoView as the option scrollMode: "if-needed". Thus this library got rewritten to implement that spec instead of the soon to be deprecated one. You can find the library on window.scrollIntoView.

ponyfill scrolling animation smooth-scrolling typescript polyfill scrollintoview scroll-into-view smooth smoothscroll behavior-smooth if-needed scroll scrollintoviewifneeded scrollmode

vue-slicksort - A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️

•    Javascript

---

That's it! Vue Slicksort does not come with any styles by default, since it's meant to enhance your existing components.

drag grid drop vue-slicksort mixin-components sortable-helper sort animated dependency free vue vuejs vue-component vue-mixin sortable sortable-list list smooth mixin component react-sortable-hoc vue-sort vue-sortable drag-and-drop

SIL

•    JQuery

---

A jQuery plugin to load images sequentially, thereby ensuring smoothness of prevalent loading animations.

jquery-plugin smooth sequential progressive image load preload animation lag anti-lag ajax

vue-smooth-picker - 🏄🏼 A SmoothPicker for Vue 2 (like iOS native datetime picker)

•    Vue

---

A vue2 data picker that like native datetime picker

vue picker datetime smooth awesome

chaikin-smooth - Chaikin's smoothing algorithm for 2D polylines

•    Javascript

---

Chaikin's smoothing algorithm for 2D polylines.Performs the smoothing algorithm on the specified path, returning a list populated with the additional smoothed points. If the input path has a length of <= 2, the result will be a new array with the same points as the input.

chaikin smooth polyline 2d polygon smoothing chaikin's smoother algorithm svg shape round subdivide points line path

canvas-text - [experiment] better Canvas2D text rendering

•    Javascript

---

Easier Canvas2D text rendering.This still has some bugs that is cutting off text in places. If you'd like to contribute, drop me a line in the issues. For now, the current version is unstable 0.x and undocumented until bugs are smoothed out.

sdf text atlas signed distance field alpha test testing smooth font webgl texts label labels fonts word

three-shader-fxaa - optimized FXAA shader for ThreeJS

•    Javascript

---

Optimized FXAA shader for ThreeJS, passing some texture coordinates from the vertex shader to avoid 5 dependent texture reads. This is well suited for PowerVR GPUs (iOS).Tested on Three r69-78, works with the three module.

fxaa glsl webgl threejs three anti aliasing anti-aliasing alias anti-alias smooth screen space

Leaflet.SmoothMarkerBouncing - Smooth animation of marker bouncing for Leaflet.

•    Javascript

---

It provides smooth, lightweight and customisable animation of marker bouncing. Allows the bouncing of multiple markers on the map, without lose of performance. Plugin shows it's best performances on the 3D-able modern browsers, using hardware acceleration. On old browsers plugin provides simplified animation. Check out the demo.

leaflet marker bouncing animation smooth leaflet-plugin maps

smoothstep - the smoothstep() function

•    Javascript

---

Bare-bones smoothstep function (cubic Hermite interpolation), returning a value in the range 0.0 to 1.0. Performs smoothstep from min to max using the given value, by clamping and then using cubic Hermite interpolation.

cubic hermite smooth smoothstep glsl interpolation interp lerp mix threshold

taubin-smooth - Taubin's mesh smoothing algorithm implemented in JavaScript

•    HTML

---

A pure JavaScript implementation of Taubin's mesh smoothing algorithm.

taubin mesh smooth simplicial complex

jazzer - Add some visual smooth jazz to your page

•    Javascript

---

You can install and use jazzer in one of two ways. Install it in a terminal with either yarn or npm and later import / require it somewhere along the line. Or, if this whole node stuff just isn't your style, no worries. Download the latest release from here or reference it from some CDN and add it to your DOM in a script tag.

npm-package es6 transition animation smooth ajax page

array-smooth - Moving average smooth algorithm

•    Javascript

---

Moving average smoothing, replaces each point in the array with the average of "x" adjacent points

javascript-array smoothing smooth array

aurelia-smooth-scroll - A custom attribute that can be added to in-page links to make the browser smoothly scroll to the target anchor

•    Javascript

---

This is a custom attribute that can be added to in-page links to make the browser smoothly scroll to the target anchor. To use it install it into your project.

aurelia scroll smooth plugin

glsl-perturb-normal - perturb normal from a normal map

•    GLSL

---

Perturb a normal in the fragment shader using a normal map. This can be used to add surface detail during per-pixel lighting. Note: You need to enable GL_OES_standard_derivatives.

ecosystem:stackgl shader fragment perturb normal mapping map maps normals smooth bump glsl glslify

smooth-polyline - :wavy_dash: Smoothing algorithm for 2D lines and polygons

•    Javascript

---

:wavy_dash: Smoothing algorithm for 2D lines and polygons

smooth smooth-polygon smooth-polyline 2d-graphics 2d-graph-functions chaikin chaikin's smoothing polyline polygon 2d svg canvas algorithm shape round points line path