Search Results for "animations"
Sort By:
Showing 32 open source projects for "animations"
View related business solutions-
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
1
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. ... -
2
React Bits Library
Open source collection of animated, interactive React components
...React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
3
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
4
Typed.js
A JavaScript typing animation library
...This allows bots and search engines, as well as users with JavaScript disabled, to see your text on the page. You can pause in the middle of a string for a given amount of time by including an escape character. CSS animations are built upon initialization in JavaScript. But, you can customize them at your will! -
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
jQuery-Marquee with CSS3 Support
jQuery plugin to scroll the text like the old traditional marquee
A ~2KB MINIFIED + GZIPPED (minified) jQuery plugin to scroll the text like the old traditional marquee. -
6
jQuery Smart Wizard v6
The awesome jQuery step wizard plugin
The awesome step wizard plugin for jQuery. jQuery Smart Wizard is an accessible step wizard plugin for jQuery. Provides a neat, usable, and stylish user interface for your forms, checkout screen, registration process, etc. Easy to implement, Bootstrap compatibility, customizable toolbars, themes and colors, events, and Ajax support are a few of the features. -
7
Spectacle
A ReactJS based Presentation Library
...It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks conveniently auto-size and scroll when there is an overflow of content. See the live demo deck at: https://raw.githack.com/FormidableLabs/spectacle/main/examples/one-page.html -
8
D3.js
A JavaScript library for visualizing data using web standards
D3.js (or D3 for Data-Driven Documents) is a JavaScript library that allows you to produce dynamic, interactive data visualizations in web browsers. With D3 you can bring data to life using SVG, Canvas and HTML. Powerful visualization and interaction techniques plus a data-driven approach to DOM manipulation means D3.js gives you greater design freedom and control over the final result. -
9
Neiki's Charts
Lightweight SVG chart Web Component
...Charts are fully responsive, support light and dark themes with automatic prefers-color-scheme detection, and expose a simple JS API for data and options. Tooltips, legends, animations, and grid lines are all controlled through standard HTML attributes. All rendering is pure SVG — no Canvas — making charts scalable, printable, and inspectable in DevTools. Accessibility is built in with proper ARIA roles, keyboard-navigable legends, and full prefers-reduced-motion support. -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
React Beautiful DnD
Beautiful and accessible drag and drop for lists with React
React Beautiful DnD is a drag-and-drop library for React that emphasizes fluid motion, accessibility, and natural constraints. It provides Draggable and Droppable primitives that manage state, sensors, and reordering logic for you, so you focus on rendering. Keyboard support, screen-reader announcements, and predictable focus handling make interactions accessible beyond the mouse. The library computes dimensions and movement carefully to avoid jank, including automatic scrolling and... -
11
vue2-happyfri
Learning-oriented app that recreates a mobile food-ordering experience
vue2-happyfri is a learning-oriented Vue 2 application that recreates a mobile food-ordering experience to demonstrate how to structure a real-world single-page app. It shows how to compose UI from reusable components, wire up routing between views, and manage shared state for carts, users, and menus. The project emphasizes responsive, touch-friendly interactions and small polish details—like transitions, toasts, and loading states—that make the app feel production-ready. It includes... -
12
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name `sync`. Each path element is drawn one after the other. ... -
13
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. -
14
Highway
Highway - A Modern Javascript Transitions Manager
Highway is a lightweight (2.5ko gzipped), easy-to-use, flexible, and modern library to create AJAX navigations with animations on websites. Don't bother about all the processes behind the scenes and focus on creative animations. -
15
Chartist.js
Simple responsive charts
...Don't loose any time and kickstart your development using the awesome templates by Creative Tim. They include Chartist and come with awesome chart styles! Specifying the style of your chart in CSS is not only cleaner but also enables you to use awesome CSS animations and transitions to be applied to your SVG elements! Note that CSS3 animations on SVG CSS attributes are not supported on all browsers and the appearance may vary. -
16
React Sortable HOC
Turn any list into an animated, accessible and sortable list
The React Sortable HOC project is a higher-order component library for React that enables drag-and-drop sorting of lists and collections. It provides a set of utilities that allow developers to create sortable interfaces with smooth animations and minimal effort. The library is built on top of React’s component model, making it easy to integrate into existing applications. It supports features such as keyboard accessibility, customizable drag handles, and dynamic list updates. The system is designed to handle both simple and complex sorting scenarios, including nested lists and grid layouts. ... -
17
Swing
A swipeable cards interface
Swing is a JavaScript library designed to create realistic swipeable card interfaces similar to those popularized by dating applications. It provides physics-based animations that simulate natural movement when users drag and release cards, enhancing user interaction and engagement. The library allows developers to build interfaces where elements can be swiped left, right, or in other directions, triggering specific actions. It is highly customizable, enabling control over thresholds, directions, and animation behavior. ... -
18
Trip.js
Trip.js is a plugin that can help you customize a tutorial trip easily
Trip.js is a plugin that can help you customize a tutorial trip easily with more flexibility. Right now Trip.js supports lots of useful stuff like keyboard binding, animations, changing themes ... etc. If you want to highly customize your own tutorial trip, then Trip.js is definitely worth giving it a try. -
19
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial license is required. ... -
20
AOS
Animate on scroll library
...It lets developers add animation behavior directly through HTML data attributes, making it easy to apply effects without writing custom JavaScript for every element. The library supports animations that trigger while scrolling down and can reset when scrolling back up. It includes options for duration, delay, easing, offsets, anchors, and once-only animation behavior. AOS is useful for landing pages, portfolios, marketing sites, and content-heavy pages that need subtle motion and visual rhythm. Its main value is providing scroll-based animation with a simple setup, flexible configuration, and broad front-end usability. -
21
State Transition Plugin for Phaser
State transition plugin for Phaser.js
Phaser State Transition is a plugin that facilitates smooth transitions between game states in Phaser. It allows developers to define custom animations and easing functions when switching scenes, enhancing the visual flow of games. -
22
vex
A modern dialog library, configurable and easy to style
...You'll love vex because it's tiny (5.6kb minified and gzipped), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds. Drop-in replacement for alert, confirm, and prompt. Easily configurable animations which are smooth as butter. Open multiple dialogs at once and close them individually or all at once. vex will run in any ES5-compatible environment, and includes polyfills for classList and Object.assign. For the most common usage of vex, you'll want to include vex, vex-dialog, the vex CSS file, and a theme file. For browserify/webpack, you'll still need to include the stylesheets on your page, but you can setup vex in your scripts. -
23
NOTY
NOTY is a dependency-free notification library
NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. There are lots of other options in the API to customize the text, animation, buttons, and much more. It also has various callbacks for the buttons, opening closing the notifications, and queue control. Dependency-free notification library that makes it easy to create alert - success - error - warning - information -... -
24
Morphext
A simple, high-performance and cross-browser jQuery rotating plugin
A simple, high-performance, and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css. A jQuery plugin for creating text-based carousels, rotating small or large pieces of text one after the other, just like a slider does with images. This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on. -
25
Textillate.js
A jquery plugin for CSS3 text animations
Textillate.js combines some awesome libraries to provide an easy-to-use plugin for applying CSS3 animations to any text. Simply include textillate.js and it's dependencies in your project to start creating unique effects. Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
