Search Results for "motion"
Sort By:
Showing 25 open source projects for "motion"
View related business solutions-
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
1
Impeccable
The design language that makes your AI harness better at design
Impeccable is a design skill system that helps AI coding tools produce better frontend interfaces by giving them a richer design vocabulary. It provides one comprehensive skill, multiple commands, and curated reference files covering typography, color, motion, spacing, interaction, responsive design, and UX writing. The project is built to counter common AI-generated design habits such as generic SaaS layouts, overused fonts, nested cards, weak hierarchy, and predictable gradients. It can be installed across several AI coding environments, including Claude Code, Cursor, Codex, Gemini CLI, GitHub Copilot, and others. ... -
2
Svelte
Cybernetically enhanced web apps
...Write breathtakingly concise components using languages you already know, HTML, CSS, and JavaScript. Oh, and your application bundles will be tiny as well. Built-in scoped styling, state management, motion primitives, form bindings and more — don't waste time trawling npm for the bare essentials. It's all here. -
3
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. ... -
4
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties),... -
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.
-
5
JanusWeb
An in-browser implementation of JanusVR
JanusXR re-imagines webpages as collaborative 3D web spaces interconnected by portals. JanusXR turns any webpage into its own three-dimensional space where users can meet and explore with others. Host content on the open web and customize Janus' open-source multiplayer server to fit your needs. VESTA is JanusXR's user-driven community. Post your own spaces and get feedback from other community members! The built-in editor allows users to join together to create content in real-time.... -
6
Networked-Aframe
Web framework for building multi-user virtual reality experiences
...Create an instance of a template to be synced across clients. The position and rotation will be synced by default. The buffered-interpolation is added to allow for less network updates while keeping smooth motion. -
7
Neiki's Cookie Banner
Lightweight, dependency-free cookie consent banner (GDPR/ePrivacy compliant) in vanilla JS. Fully customizable and accessible.
Neiki's Cookie Banner is a lightweight, drop-in cookie consent solution for any website that needs to comply with GDPR, ePrivacy, and similar privacy regulations — without dragging in a heavy third-party SDK or tying your site to a paid SaaS. It is built from the ground up in vanilla JavaScript with zero dependencies, so it works on any stack — from a static HTML page to a WordPress theme, Laravel app, Next.js site, or anything in between. Drop in one file and you have a fully functional,... -
8
Neiki's Charts
Lightweight SVG chart Web Component
...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. -
9
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 collision handling when lists overflow. ... -
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.
-
10
Material Design
Material design for AngularJS
...AngularJS 1.x is now in Long Term Support (LTS) mode, so, current development efforts are focused on bug fixes, accessibility, performance, and minor enhancements. Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design specification for use in AngularJS single-page applications (SPAs). -
11
vue-content-loader
SVG component to create placeholder loading
...Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. It’s easy to theme and reuse across a design system, keeping loading states consistent throughout a product. Teams use it to polish UX, align with brand motion, and signal progress without resorting to spinners that provide no structural hint of the incoming content. -
12
jeelizFaceFilter
Javascript/WebGL lightweight face tracking library
...We want to keep it framework agnostic so the outputs of the library are raw, if the face is detected or not, the position and the scale of the detected face and the rotation Euler angles. But thanks to the featured helpers, examples and boilerplates, you can quickly deal with a higher level context (for motion head tracking, for face filter or face replacement). We continuously add new demonstrations, so stay tuned! -
13
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
...This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution. -
14
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. -
15
Exokit
Native VR/AR/XR engine for JavaScript
...Apps should run in "reality tabs", layers of reality that blend together. Exokit is a Javascript Node.js module. C++ bindings hook into WebGL, WebXR, Magic Leap, Leap Motion, and various other device APIs. Exokit runs on Windows, macOS, Linux (x64), Linux (ARM64), and Magic Leap (ARM64). -
16
Effeckt.css
A Performant Transitions and Animations Library
...By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript. -
17
AOS
Animate on scroll library
...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. -
18
Google Closure Compiler
A JavaScript checker and optimizer
Closure Compiler is a production-grade JavaScript optimizer and checker that parses JS, analyzes it, removes dead code, rewrites and minifies what remains, and emits faster, smaller bundles. Beyond minification, it performs advanced optimizations such as inlining, property collapsing, type-guided rewrites, and cross-module motion, often yielding substantial load-time wins. It includes a strong static checker that validates syntax, variable references, and type annotations (Closure types or JSDoc), catching bugs early and enabling aggressive transformations safely. The ecosystem provides a Java implementation, npm/JS builds, and documentation for integrating in modern toolchains. ... -
19
parallax.js
Parallax Engine that reacts to the orientation of a smart device
Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead. parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene. If you don't have a smart device, no worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead. -
20
Closure Compiler JS
Package for the JS version of closure-compiler for use via NPM
closure-compiler-js packages Google’s Closure Compiler so it runs under JavaScript (e.g., Node.js) instead of a JVM, making advanced JS optimization accessible in more build pipelines. You get the same aggressive whole-program optimizations—dead-code elimination, property renaming, inlining, and cross-module motion—delivered via a JS API and CLI. Because it’s the compiler you know, it also honors Closure type annotations and JSDoc, enabling type-aware rewrites that shrink bundles without breaking semantics. The distribution is geared for tool authors: plug it into bundlers, custom scripts, or CI without dragging in a Java runtime. It’s particularly handy in constrained environments (serverless, sandboxed workers) where spawning a JVM is undesirable. ... -
21
jQuery Parallax
Used to recreate the Nike Better World parallax effect
jQuery-Parallax is a lightweight front-end plugin that creates mouse-based parallax effects for layered web elements, enabling websites to simulate depth and motion through interactive animations. The library works by moving multiple layers at different speeds relative to cursor movement, producing a dynamic three-dimensional illusion commonly used in landing pages, portfolios, games, and promotional websites. Designed to integrate easily with jQuery workflows, the plugin emphasizes simplicity while still offering smooth animations and configurable behavior. ... -
22
jQuery Transit
Super-smooth CSS3 transformations and transitions for jQuery
...Although many apps now use native Web Animations or libraries like GSAP/Framer Motion, jquery.transit remains a compact, readable reference for CSS transition ergonomics and progressive enhancement. -
23
stroll.js
CSS3 scroll effects list
...Because it leans on CSS and simple JavaScript hooks, it stays small and easy to integrate into existing markup. It is well suited for landing pages or portfolio sites where you want a touch of motion without importing a full animation framework. The library’s approach is declarative: you style your list, add stroll, and it handles the in-view choreography. -
24
Device Motion Gesture for JavaScript
JavaScript library for recording and recognising device gestures.
A JavaScript library for detecting gestures made by the user whilst holding their mobile device. The software converts the continual stream of motion readings into distinct gesture events. All you need to do is attach event-handlers to the gestures. Your functions get called when the user makes the gesture with the device. The library comes with some pre-recorded gestures. You can also record your own custom gestures using the recorder application. NOTE: This library recognises gestures made by moving the hand-held device in your hand. ... -
25
Javascript SDK for Nintendo Wii's Opera browser with classes for 3D vertex math, triangle meshes, canvas drawing, Wii Remote motion/button detecting, and multiuser interfaces. Official site: http://wiioperasdk.com and blog: http://blog.wiioperasdk.com.
- Previous
- You're on page 1
- Next