Search Results for "transitions"
Sort By:
Showing 29 open source projects for "transitions"
View related business solutions-
Forever Free Full-Stack Observability | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
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
Graphite
An open source graphics editor for 2025
...It also focuses on performance and scalability—handling complex vector scenes with many nested elements fluidly. For designers and developers looking to prototype UI transitions, interactive states, and motion-driven interfaces without separate design/code handoffs, Graphite positions itself as an all-in-one creative engine. -
2
reveal.js
The HTML Presentation Framework
reveal.js is a framework for creating beautiful interactive presentations using HTML. It comes with a wide range of features, including nested slides, auto-sliding, touch navigation, Markdown support, PDF export, speaker notes, theming and more. It also comes with a JavaScript API that allows you to control various other options, and a list of plugins that can be used to extend reveal.js further. reveal.js currently offers full support for any recently released version of the following... -
3
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),... -
4
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. 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... -
AI-generated apps that pass security reviewRetool lets you generate dashboards, admin panels, and workflows directly on your data. Type something like “Build me a revenue dashboard on my Stripe data” and get a working app with security, permissions, and compliance built in from day one. Whether on our cloud or self-hosted, create the internal software your team needs without compromising enterprise standards or control.
-
5
ImAnim
Animation Engine for Dear ImGui
...It lets developers add rich, smooth animations to user interface elements with minimal boilerplate, matching the responsive nature of ImGui without introducing heavy external dependencies. Support for a wide range of easing functions, tweens, and keyframe clips gives fine-grained control over value transitions like position, scale, opacity, and color. Because it is built to complement ImGui’s design, ImAnim integrates naturally into existing render loops and retains the performance and simplicity that make ImGui popular for tools and development UIs. The project includes examples and demos demonstrating hover effects, timeline control, procedural motion, and complex sequences, making it easier for developers to explore its capabilities. ... -
6
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
7
Shutter Encoder
Free professional video converter Windows|Mac|Linux
Shutter Encoder is an video, audio and image converter based on FFmpeg and other great tools. It has been designed by video editors in order to be as accessible and efficient as possible. It's a swiss knife tool for any video editor. Link to website & downloads : https://www.shutterencoder.com - Without conversion: Cut without re-encoding, Replace audio, Rewrap, Conform, Merge, Extract, Subtitling, Video inserts - Sound conversions: WAV, AIFF, FLAC, ALAC, MP3, AAC, AC3,... -
8
react-native-animatable
Set of animations and declarative transitions for React Native
...To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
9
Vue Starport
Shared component across routes with animations
Vue Starport is a library for Vue 3 that allows shared components to animate across route transitions while preserving internal component state. Traditional transitions between routes in Vue often destroy and recreate components, losing state. Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place. -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
10
Impressive is a program that displays PDF presentation slides with style. Smooth alpha-blended slide transitions are provided for the sake of eye candy, but in addition to this, Impressive offers some unique tools that are very useful for presentations.
-
11
cliper
Java3d scenegraph editor
...Place them and set size, dimensions, duplicate, group. 3-Color/texture Apply textures, colors, transparency 4-Animation/ story board Move object between two points or more(placement /orientation in space). Rotation, orbit, transparency/color change, traveling, with timers. Scenes are linked, making a movie with smooth transitions when running. Changes : New viewpoint and objects move way. Some fixes in code -
12
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. ... -
13
impress.js
Presentation framework based on CSS3 transforms & transitions
impress.js is an impressive presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. It showcases some awesome CSS3 features to create amazing and engaging presentations from your browser. Visualize your ideas in a totally unique way-- with impress.js’ infinite canvas, the only limit is your imagination. impress.js offers many great features, presenting your ideas in visually engaging 3D, dynamic movements and varied text options and positioning. ... -
14
CSS Animation 101
Learn how to bring animation to your web projects
CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust. Throughout, examples demonstrate practical use cases like button feedback, content reveals, loaders, and micro-interactions that enhance user experience without overwhelming it. ... -
15
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... -
16
Chartist.js
Simple responsive charts
...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. -
17
React Flight
The best way to build animation compositions for React
...It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications. -
18
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. ... -
19
css3-
CSS3 implements various 3D && 3D planetary animation effects
...The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. Overall, css3- serves as a comprehensive learning and inspiration resource for developers seeking to master advanced CSS3 techniques. -
20
React-Motion
A spring that solves your counter animation problems
Animate a counter from 0 to 10. Works with React-Native v0.18+. A spring that solves your animation problems. You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. ... -
21
Photo slideshow generator including a Ken Burns effect along smooth curves, user definable soft luma transitions, and easy audio integration. Produces MPEG (MPEG2, MPEG4), DV or FLV for DVD creation or for the web.
-
22
MORPHE
MORphological PHenotype Extraction
MORphological PHenotype Extraction (MORPHE) is a suite of automated image processing, visualization, and classification algorithms to facilitate the analysis of heritable and clonal red-to-green transitions that occurred during the growth of a colony. -
23
InstaMaterial
Implementation of Instagram with Material Design
Current source code contains UI elements from Design Support Library. A beautiful and smooth application which works on almost all available devices. InstaMaterial project supports all systems versions, starting from 4.0 Ice Cream Sandwich. Thanks to this our app can work on more than 90% of all Android devices (according to the presented statistics). The implemented elements and effects include a Send button animation in comments view, ViewAnimator, Ripples, and RecyclerView smoothness.... -
24
Create movies from still pictures. Add transition, text animation, Ken Burns and other effects, insert a video to your slideshow, add musics with some audio effects. Derived from Imagination.
-
25
Panopano is a 360° Panorama viewer (Java/Java3D), and can also be used as a view editor (extracting/importing a "normal" view). It can display equirectangular and cubic panoramas, and virtual tours (popup images/video transitions between panoramas
