Search Results for "transitions" - Page 2
Sort By:
Showing 68 open source projects for "transitions"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
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. -
2
React Native Router
The first declarative React Native router
React Native Router is a different API over react-navigation. It helps users to define all the routes in one central place and navigate and communicate between different screens in an easy way. But it also means that react-native-router-flux inherits all limitations and changes from updated versions. v5.0.alpha.x is based on React Navigation v5.x (very early alpha, development in progress, help wanted!). Define all your routes in one React component and navigate from one scene to another... -
3
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. -
4
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... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
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. -
6
react-native-swiper
The best Swiper component for React Native
...You can make control buttons visible and enable auto play mode. Make pagination visible, merge custom styles with the default styles, and add delay between auto play transitions. ScrollBy(index, animated), and Scroll by relative index methods available. Launch simulator to preview. Note that you just need to edit the source file src/index.js, the change will auto sync to examples. After development, you should add test for your modification and make all tests passed to prevent other contributors break the feature in the future accidentally. ... -
7
smooth UI
Modern React UI library
Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components or Emotion. It is focused on developer experience, and productivity. You can focus on what you want to build instead of on how to build it. BrowserStack allows us to test in real browsers. -
8
dc.js
Multi-Dimensional charting built to work natively with crossfilter
...In dc.js, each chart displays an aggregation of some attributes through the position, size, and color of its elements, and also presents a dimension which can be filtered. When the filter or brush changes, all other charts are updated dynamically, using animated transitions. dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices. -
9
FancyBox v.1.3.4 modified
FancyBox is a tool for displaying content in a lightbox style
It is FancyBox v.1.3.4 from fancyapps.com slightly patched for jQuery 2+ compatibility by Valery Votintsev. FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library (http://jquery.com/). Licensed under both MIT and GPL licenses (http://docs.jquery.com/Licensing). Original home page: http://fancybox.net/ ## Usage and examples: Go to original home page for more info:... -
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.
-
10
CSS Element Queries
High-speed element dimension/media queries in valid css
...It uses the normal attribute selector. Min-width, min-height, max-width and max-height supported. It works for all layout modifications, HTML (innerHTML etc), inline styles, DOM mutation, CSS3 transitions, fluid layout changes (parent changes too), pseudo classes (:hover etc), window resizes, etc. -
11
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
12
Jssor
Touch swipe image slider/slideshow/gallery/carousel/banner mobile
Jssor Slider is a touch swipe image slider carousel with 200+ slideshow effects. When touch Jssor Slider, it will freeze and then move to the direction that finger swipes to. It comes with javascript library source code. Jssor jQuery slider plugin and No-jQuery version slider work almost the same, both are for image slider carousel, and content slider carousel. Slideshow and caption slide animation are all available for both version. jQuery developers benefit from the jQuery js library. The... -
13
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. -
14
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. -
15
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. ... -
16
Pjax module
Easily enable fast Ajax navigation on any website
Pjax is a standalone JavaScript module that uses AJAX (XmlHttpRequest) and pushState() to deliver a fast browsing experience. It allows you to completely transform the user experience of standard websites (server-side generated or static ones) to make users feel like they are browsing an app, especially for those with low bandwidth connections. Pjax does not rely on other libraries, like jQuery or similar. It is written entirely in vanilla JS. Pjax loads pages using AJAX and updates the... -
17
Bottery
A conversational agent prototyping platform
Bottery is a prototyping environment and mini-language for designing conversational agents as explicit state machines rather than opaque bundles of code. It encourages authors to model intents, dialog turns, and transitions in a compact, declarative form that’s easy to visualize and simulate. A built-in simulator lets you “play” the conversation, test edge cases, and tweak flows without wiring up back-end services first. Because behavior is defined in a DSL, teams can version the conversation design alongside code and keep product, research, and engineering aligned. ... -
18
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. -
19
auto rotator for woocommerce reviews
It is a simple widget to show Woocommerce reviews in a rotatery style
...Also, it has different options to set the ordering type, length of the reviews, number of the reviews, etc. This plugin shows woocommerce reviews in the ratational style with fade and slide transitions. It is very flexible with customizable settings. Update: AJAX loading of reviews has been added to version 2.0 -
20
MaterializeCSS
Materialize, a CSS Framework based on Material Design
A modern responsive front-end framework based on Material Design. We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to provide a smoother experience for developers. By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience. ... -
21
Velocity
Accelerated JavaScript animation
...It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. ... -
22
Masonry
A cascading grid layout plugin
...With the masonry layout mode, set percentage-width columnWidth with element sizing. Set percentPosition: true so item positions are likewise set with percentages to reduce adjustment transitions on window resize. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download at imagesloaded.desandro.com. Or, initialize Masonry after all images have been loaded. -
23
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. -
24
A very flexible web based ticket/issue tracker with multiple clients and projects, fully configurable fields, categories, stati and status transitions - all on a per project basis. Track any process you want! Available under an BSD license from MAPIX Technologies
-
25
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. ...
