Search Results for "animations"
Sort By:
Showing 36 open source projects for "animations"
View related business solutions-
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.
-
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.
-
1
react-native-graph
Beautiful, high-performance Graphs and Charts for React Native
react-native-graph is a Line Graph implementation based on the high-performance 2D graphics rendering engine "Skia". It's used in the Pink Panda Wallet app to power thousands of token graphs every day. Animations are ran using the Skia animation system and are fully natively interpolated to ensure best possible performance. If animated is false, a light-weight implementation of the graph renderer will be used, which is optimal for displaying a lot of graphs in large lists. -
2
Vue Bits
Open source collection of animated, interactive Vue components
...Like its React equivalent, vue-bits includes a diverse set of components — such as animated text, dynamic backgrounds, and engaging interface elements — that help developers create rich and expressive web interfaces with ease. Each component is designed with customization in mind, allowing developers to tweak props and tailor animations and styles to fit their project’s aesthetic and functional needs. The collection integrates smoothly with modern Vue frameworks and tools, including support for Vue 3 and Nuxt, so developers can drop components into production apps without lengthy setup. With minimal external dependencies and a focus on performance, vue-bits enables fast, fluid animations that enhance user experience without incurring heavy overhead. -
3
React Native Reanimated
React Native's Animated library reimplemented
...Reanimated is widely used when standard React Native animation tools are not flexible or fast enough for complex UI behavior. Its main value is giving developers detailed control over motion while keeping animations responsive even under heavy JavaScript workload. -
4
ngx-toastr
Angular Toastr
...No use of ngFor. Fewer dirty checks and higher performance. AoT compilation and lazy loading compatible. Component inheritance for custom toasts. SystemJS/UMD rollup bundle. Animations using Angular's Web Animations API. Output toasts to an optional target directive. Put toasts in a specific div inside your application. This should probably be somewhere that doesn't get deleted. Add ToastContainerModule to the ngModule where you need the directive available. If you are using SystemJS, you should also adjust your configuration to point to the UMD bundle. -
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
5
heroui-native
Beautiful, fast and modern React Native UI library
...Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. HeroUI Native also focuses heavily on accessibility, ensuring proper handling of touch interactions, screen readers, and focus management. It includes smooth animations and adaptive behaviors that enhance the user experience without sacrificing performance. -
6
tsParticles
Easily create highly customizable particles
Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. A lightweight TypeScript library for creating particles. Dependency-free, browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components. ... -
7
Simplex Noise.js
A fast simplex noise implementation in Javascript / Typescript
A JavaScript library for generating Simplex noise, a smoother alternative to Perlin noise for procedural content. -
8
PowerGlitch
Tiny JS library to glitch anything on the web
PowerGlitch is a standalone library with no external dependencies. It leverages CSS animations to glitch anything on the web, without using a canvas. It weights less than 2kb minified and gzipped. -
9
dnd kit
Accessible and extensible drag & drop toolkit for React
...The core of the library weighs around 10kb minified and has no external dependencies. It's built around built-in React state management and context, which keeps the library lean. Customize every detail: animations, transitions, behaviours, styles. Build your own sensors, collision detection algorithms, customize key bindings and so much more. -
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.
-
10
react-chessboard
The React Chessboard Library used at ChessOpenings
React-Chessboard is a React component for rendering an interactive chessboard. It provides an easy way to integrate chess functionality into web applications with support for move validation and animations. -
11
Grid Engine
A grid based movement engine compatible with Phaser3
Grid Engine is a powerful grid-based movement system for Phaser 3. It helps developers create tilemap-based RPGs and tactics games by enabling controlled, collision-aware movement on a defined grid. -
12
Apple Music-like Lyrics
A lyric player component library aims to look similar to iPad
Apple Music-like Lyrics is a frontend-oriented project that recreates the dynamic, synchronized lyrics display experience found in Apple Music, focusing on smooth animations, real-time highlighting, and visually engaging typography. It is designed to render time-synced lyrics in a way that emphasizes readability and immersion, often using techniques such as progressive highlighting, scrolling alignment, and transitions that follow the rhythm of the music. The project demonstrates how modern web technologies can be used to replicate complex media UI patterns that were traditionally limited to native applications. ... -
13
COBE
5KB WebGL globe lib
...It is designed to provide visually appealing globe visualizations with minimal setup and high performance. The library focuses on simplicity, allowing developers to create animated and interactive globe experiences with just a few lines of code. It supports smooth animations, rotation, and customizable visual styles, making it suitable for dashboards, landing pages, and data visualization tools. The rendering is optimized to be efficient and responsive, even on lower-powered devices. It also provides configuration options for lighting, markers, and textures, enabling a wide range of visual effects. ... -
14
Angular Example App
Angular 13 example app + Angular CLI + i18n + GraphQL
...Modal and toasts (snakbar)! Scroll restoration and anchor examples. Responsive layout (flex layout module). SASS (most common used functions and mixins) and BEM styles. Animations with ng-animate. Angular Pipes. Interceptors and Events. Auth guard for some routes. Modernizr (browser features detection). Browser filter (Bowser) because of IE. Sentry! (logs every error in the app). Google Tag Manager. ES6 Promises and Observables. End-to-end tests with Cypress App Actions. -
15
Nordcraft
Packages that are used internally by the Nordcraft engine
...It offers a visual editor that lets designers and developers collaborate closely, making it possible to build, preview, and modify interfaces without constantly switching between code and browser views. The engine supports versioning, reactive signals, animations, and asset management, so teams can build dynamic and performant sites with minimal overhead. Nordcraft’s architecture emphasizes modern web standards, component-based reactivity, and optimized runtime performance for both client and server environments. Its development ecosystem includes branching workflows, live previews, and integrated tooling to support complex project lifecycles. -
16
Magic Portfolio
Build your timeless portfolio with Once UI's Magic Portfolio
Magic Portfolio is a Next.js-based portfolio template built on the Once UI design system, designed to give developers and creatives a clean, timeless way to showcase their work. It provides a minimal, beginner-friendly setup that focuses on strong typography, responsive layouts, and restrained motion instead of heavy animations. Content is managed through a structured configuration and MDX-based content system, so you can define sections, projects, blog posts, gallery items, and about/CV information in code-backed content files. The template emphasizes SEO with auto-generated Open Graph/X images, schemas, and metadata derived from the content configuration, making it more discoverable out of the box. ... -
17
React Content Loader
SVG-Powered component to easily create skeleton loadings
...You can simply design your loader based on the page and edit the size, background, and foreground. Also, you can add the radius to the border, add or remove shapes such as rectangle and circle, and select the speed of the animations. -
18
React Native Gesture Handler
Declarative API exposing platform native touch and gesture system
...It replaces the limitations of the standard JavaScript responder system with native-driven gesture recognition. This allows gestures to be tracked on the UI thread, making touch behavior more reliable during animations, scrolling, and complex interactions. The library is especially useful for apps that need swipes, pans, taps, long presses, drag gestures, and nested gesture handling. It integrates closely with React Native Reanimated, making it a common foundation for high-performance mobile interfaces. Its main value is helping developers create fluid, deterministic, platform-native gesture experiences without manually fighting React Native’s default touch system. -
19
Sera UI
UI component library for React, Next.js, and other JSX frameworks
Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and... -
20
Fluent UI Web
Collection of utilities andcomponents for building web applications
A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Build for one platform or for all. Everything you need is here. Build your own apps using the same open source components we do, with accessibility, internationalization, and performance included. From tutorials to a fun collection of API references, find what you need to design and develop your own Fluent experience. From Word and Excel to PowerBI and Teams, many... -
21
ui-lottie
NativeScript plugin to expose Airbnb Lottie
ui-lottie is a NativeScript plugin for rendering Lottie animations, a library for rendering vector-based animations with minimal performance impact. -
22
BSMNT Scrollytelling
A library for creating Scrollytelling animations
BSMNT Scrollytelling is a library for creating Scrollytelling animations. It's powered by GSAP ScrollTrigger, but abstracts away some things to make it work better with React. At the basement, we've built a bunch of websites that use scroll animations. Over the years, we faced some issues that required solutions that we copy-passed throughout different projects. We decided to build a library to share how we build these with the world. -
23
ARWES
Futuristic Sci-Fi UI Web Framework
...Arwes UI applications are rich in visuals, animation, and sound effects, which can be structured as a tree of nodes. A node represents and interactive and stateful UI component with design, animations, and/or sound support. The nodes in a tree are interconnected with each other by inheriting data and communicating dynamically. -
24
KEEN-SLIDER
The HTML touch slider carousel with the most native feeling
A lightweight, customizable slider library for web projects, designed for smooth animations. -
25
slide-element
Promise-based library for animating elements with dynamic heights
...Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be animating over. This library gets the job done using the Web Animations API, and it doesn't require elements to have fixed heights. Instead, element heights are calculated based on their contents, and then the appropriate values are applied to trigger a smooth, native transition. The animations themselves are powered by the same mechanics used within CSS transitions, making it one of the best ways to pull it off in terms of performance.
