Search Results for "animations" - Page 3
Sort By:
Showing 152 open source projects for "animations"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. However,... -
2
impress.js
Presentation framework based on CSS3 transforms & transitions
...impress.js offers many great features, presenting your ideas in visually engaging 3D, dynamic movements and varied text options and positioning. It works well on recent versions of Firefox and Chrome, and on IE too. impress.js can also be used to embed animations or presentations in a web page, however this may not be viewed correctly or at all by some page visitors. See the official impress.js demo at https://impress.js.org/ -
3
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
4
css-spinner
Small, elegant pure css spinner for ajax or loading animation
Open source CSS loading animations dedicated for speed, simplicity & dev-friendly. Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, the Microsoft Internet Explorer version earlier than 10 doesn't support CSS Animation. To support older IE, you have to use a GIF format image. -
$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.
-
5
LittleLink Custom
A self-hosted open-source Linktree alternative
LittleLink Custom is an open source self-hosted alternative to services like Linktree and many.link. LittleLink Custom allows you to link all your social media platforms easily accessible on one page. No coding or command line knowledge required. Just easy plug and play. -
6
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... -
7
vue-content-loader
SVG component to create placeholder loading
vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and... -
8
Shadow Editor
Cross-platform 3D scene editor based on three.js, golang and mongodb
...Starting from v0.6.1, ShadowEditor only provides core features and extended APIs, and other features will be provided in the extensions, just like VSCode. We will develop in the dev branch. Fix the bug that some versions of go typeface management list report errors. Play animations in the scene in real time, and can play full screen and in new window. Display, renderer, helpers, filter, weather, control mode, select mode, add mode, language. Plane, cube, circle, cylinder, sphere, icosahedron, torus, torus knot, teapot, lathe. Line segments, CatmullRom curve, quadratic Bezier curve, cubic Bezier curve, ellipse curve. -
9
Muuri
Infinite responsive, sortable, filterable and draggable layouts
...At it's very core Muuri is a layout engine which is limited only by your imagination. You can seriously build any kind of layout, asynchronously in web workers if you wish. Custom layouts aside, you might need to sprinkle some animations and/or interactivity (filtering / sorting / drag & drop) on your layout (be it CSS or JS based). Stuff gets complex pretty fast and most of us probably reach for existing libraries to handle the complexity at that point. This is why most of these extra features are built into Muuri's core, so you don't have to go hunting for additional libraries or re-inventing the wheel for the nth time. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
Weex Ui
A rich interaction, lightweight, high performance UI library
A UI toolkit for developing rich mobile applications with Weex, focusing on performance and flexibility. -
11
yBlog Creator
Fast, Simple Full-Featured Blog Creator in PHP. No database needed.
Designed from the ground up to take advantage of the new and increasingly standardized features of HTML5 and PHP7+, Yofiel's file-based yBlog Creator provides W3C-validated, responsive, animated page templates that work consistently on Chrome, Safari, and Edge desktops and mobiles. But its fast CSS3 and native JavaScript libraries total less than 15KB. Any HTML editor may create content. Menus and metadata are automatic. A single stylesheet provides multiple color and appearance options... -
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
Vue-Lazyload
A Vue.js plugin for lazyload your Image or Component in your app
...You can configure which events you want vue-lazyload by passing in an array of listener names. This is useful if you are having trouble with this plugin resetting itself to loading when you have certain animations and transitions taking place. use Intersection Observer to to improve performance of a large number of nodes. If only the event is provided, remove all listeners for that event. Manually trigger lazy loading position calculation. -
14
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. -
15
Haxentric
An Adobe/Apache Flex-like Haxe/HTML/JavaScript Framework
Haxentric is a client side Haxe/HTML/JavaScript framework. It is similar to Adobe/Apache Flex (but not the same). It has a precompiler (named HPC) which converts HXML codes to Haxe classes. Haxe classes are converted to JavaScript codes by the Haxe compiler. It has a packager (named HPKG) which creates single HTML applications. And with the embedder (named HE) you can embed text files into a class. Available under LGPL 3.0. -
16
vue-observe-visibility
Detect when an element is becoming visible or hidden on the page
...Developers can configure the observer root, root margin, and visibility threshold through standard Intersection Observer options. A once mode stops observation after the first visible event, making it useful for lazy loading and entrance animations. Throttling and leading-event controls reduce noisy updates during rapid scrolling. The observer can be disabled dynamically with a falsy directive value, while older browsers may require an Intersection Observer polyfill. -
17
lightgallery.js
Full featured JavaScript image & video gallery
lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don't want to use. lightgallery.js supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate... -
18
A11yWidget
Accessibility Toolbox
## Accessibility Widget - v0.3 It is a simple accessibility add-on for browser Firefox without dependencies that allows users with disabilities easy and convenient way to browse most websites ### Supported Languages English by default, Hebrew and Russian. These languages are auto-detected by the browser ### Future implementations - Option page to set position of widget and I hope many other interesting components... -
19
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. -
20
Teaset
A UI library for react native, provides 20+ pure JS(ES6) components
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control. In the Android system, the animations is not smooth, switch to the release mode can be resolved. iPhoneX and iPhoneXS are fully supported after 0.6.0, and this option is true by default. If SafeAreaView is used, please use Theme.set({fitIPhoneX: false}) to manually turn off it. Teaset is exquisitely designed and does not depend on any third-party libraries. The entire source code is only 300+k without compression, and it is less than 600k even with icon files. ... -
21
3DHOP
3D Heritage Online Presenter
3DHOP (3D Heritage Online Presenter) is an application for the creation of multimedia interactive Web presentations of digital cultural artifacts. 3DHOP allows easy visualization of 3D models directly inside HTML pages and streaming of multiresolution 3D meshes over HTTP, supporting the exploration of very large models on commodity computers and standard internet connections. -
22
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just... -
23
react-native-material-bottom-navigation
Beautiful, customizable and easy-to-use material design navigation
A beautiful, customizable and easy-to-use. Material Design Bottom Navigation for react-native. -
24
Poko Rocket
Poko Rocket is a open-source tribute to Chu Chu Rocket game.
...It's compatible with all modern web browsers like Firefox, Chrome and Opera. You can play this great game without account anywhere where you have an access to modern web browser. Animations and graphics are licensed on Creative Commons BY-ND 3.0. -
25
Tracing Framework
Web Tracing Framework libraries and extensions
...The framework provides fine-grained insights into application behavior, making it particularly useful for achieving smooth, high-performance experiences, such as maintaining 60fps animations in web interfaces. It includes visualization tools that allow for detailed analysis of timing, resource usage, and event flow, enabling developers to diagnose and fix inefficiencies effectively. While still experimental, WTF is designed to be extensible and community-driven, encouraging contributions and adaptations for various types of web applications.