Search Results for "animation"
Sort By:
Showing 33 open source projects for "animation"
View related business solutions-
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.
-
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.
-
1
two.js
A renderer agnostic two-dimensional drawing api for the web
...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. Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. ... -
2
Lottie
Render After Effects animations natively on Mobile, Web & React Native
Lottie is a wonderful library for Android, iOS, Web, and Windows that works by parsing Adobe After Effects animations that have been exported as json with Bodymovin, and then rendering these natively on mobile and on the web! Now you can have beautiful animations without engineers having to recreate everything by hand. Building animations by hand is time consuming, and other animation alternatives like Gifs and Png sequences don’t offer the same flexibility and varied features that Lottie offers. With Lottie, you can achieve exquisite animations exactly how you want, with no additional engineering effort whatsoever. Take a look at the many beautiful animation possibilities available to you on http://airbnb.io/lottie/ -
3
BRVAH
Powerful and flexible RecyclerView Adapter
...With BRVAH, it becomes easier than ever to use RecyclerView. Its efficient use meets the common needs of Android developers in projects. BRVAH optimizes adapter code, allows for adapter animation, adds On Item Click Lister, and more. -
4
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,... -
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
5
MDUI
Develop Material Design web applications
...Mobile-first, gradually expand from small screen to large screen, and finally, realize all screen adaptation. Does not rely on any third-party library, saves network traffic, makes loading faster, and improves user experience. Use CSS3 to do animation interaction, smooth and efficient, and make the animation of web applications smoother. MDUI includes more than 20 components, and each component can be adapted to different themes. You only need to know a little basic knowledge of HTML, CSS, JS to use MDUI. -
6
iFrame Resizer
Keep same and cross domain iFrames sized to their content
...Provides a range of page size calculation methods to support complex CSS layouts. Detects changes to the DOM that can cause the page to resize using MutationObserver. Detects events that can cause the page to resize (window resize, CSS animation and transition, orientation change and mouse events). Fixes in page links in iFrame and supports links between the iFrame and parent page. Works with ViewerJS to support PDF and ODF documents. The package contains two minified JavaScript files in the js folder. The first (iframeResizer.min.js) is for the page hosting the iFrames. -
7
Flutter Vignettes
A collection of fun Flutter experiments, created by gskinner
flutter_vignettes is a set of polished experimental projects that showcase creative uses of Flutter’s capabilities. Each vignette is a self-contained demo focusing on visuals, animations, or interactions, often pushing the boundaries of what Flutter’s rendering engine can achieve. Examples include custom UI widgets, fluid animations, and interactive design concepts. The project is intended to inspire developers and demonstrate Flutter’s potential for building expressive, high-quality... -
8
TOCropViewController
View controller for iOS that allows users to crop portions of UIImage
...For Swift developers, CropViewController is a Swift wrapper that completely encapsulates TOCropViewController and provides a much more native, Swiftier interface. The choice of having the controller return the cropped image to a delegate, or immediately pass it to a UIActivityViewController. A custom animation and layout when the device is rotated to landscape mode. Custom 'opening' and 'dismissal' animations. Localized in 28 languages. -
9
Frontend Slides
Create beautiful slides on the web using Claude's frontend skills
Frontend Slides is a lightweight tool that enables users to create visually appealing, animation-rich web presentations without requiring knowledge of CSS or JavaScript by leveraging a guided, interactive workflow. It operates on a “show, don’t tell” philosophy, generating visual previews of styles so users can select their preferred design rather than describing it abstractly. The system produces fully self-contained HTML presentations with inline CSS and JavaScript, eliminating the need for external dependencies, build tools, or frameworks. ... -
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
uix-kit
A free web kits for fast web design and development
Uix Kit is not a framework, just a UI toolkit based on some common libraries for building beautiful responsive website. Uix Kit isn't a reusable component structure, mostly custom CSS and JavaScript based. Definitely interesting, and if you're developing mostly web content and not applications this is particularly useful. It is a web dev build tool/scaffold that does not depend on any framework. You can import any external libraries/frameworks or native ES Modules for production. The... -
11
HMeter
HMeter: Customizable progress meter widget using Java Swing and 2D.
HMeter - Customizable Horizontal Progress Meter Widget HMeter is a highly customizable Java Swing widget designed to display horizontal progress visually. It provides developers with a simple yet versatile tool to showcase progress in graphical form. With HMeter, you can easily integrate progress meters into your Java Swing applications, allowing for a more intuitive user experience. -
12
Atropos
Stunning touch-friendly 3D parallax hover effects
Atropos is a lightweight, open-source JavaScript library designed to add visually striking 3D parallax and hover effects to webpage elements — giving a sense of depth and interactivity when users hover or touch elements (cards, images, UI components). It works not only with vanilla JavaScript, but also provides integrations or support for modern frameworks (React, Vue, Web Components, etc.), making it easy to incorporate into a variety of web projects. Because Atropos is very small (just ~2... -
13
ThemedToggleButtonGroup
Customizable toggle buttons inside a FlexboxLayout
...For multi-selection, the minimum/maximum amount of buttons that are required/enabled can be specified. Icons can be added. Selection includes a fun press and circular reveal animation. -
14
Material Dialogs for Android
Library to implement animated Material Dialog in android apps
...This API will be useful to create rich, animated, beautiful dialogs in Android apps easily. This library implements Airbnb's Lottie library to render After Effects animation in the app. -
15
Android Animated Theme Manager
Create your custom themes and change them dynamically
Create custom themes and change them dynamically with the ripple animation. -
16
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. -
17
IntroViews Flutter
A Flutter package for some material design app intro screens
IntroViews is inspired by Paper Onboarding and developed with love from scratch. Checkout our fully responsive live example app. -
18
Zoom Recyler Layout
Zoom Recycler Layout Manager For Android Kotlin
A beautiful Zoom Animation Library for RecyclerView Items in Android using Kotlin. -
19
Nice Spinner
A nice spinner for Android
NiceSpinner is a re-implementation of the default Android spinner, with a nice arrow animation and a different way to display its content. It follows the material design guidelines, and it is compatible starting from Api 14. -
20
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
21
Shimmer for Android
An easy way to add a shimmering effect to any view in an Android app
...It is useful as an unobtrusive loading indicator that was originally developed for Facebook Home. Shimmer for Android is implemented as a layout, which means that you can simply nest any view inside a ShimmerFrameLayout tag, and call to start the animation from your code. That's all that is required. The layout will use the values you specify either on the tag (using custom attributes) or programmatically in your code, and generate an animation on the fly. See the API reference for further details. Note that you cannot use the custom attributes on the tag if you use the Jar file. ... -
22
Transition X
{ } Declarative Kotlin DSL for choreographing Android transitions
TransitionManager makes it easy to animate simple changes to the layout without needing to explicitly calculate and specify from and to like Animator or Animation expects. When you call TransitionManager.beginDelayedTransition(layout, transition) Before updating a layout, the framework automatically does a diff on before and after states and animates the difference. Transition X is intended to simplify the construction of these Transition instances to take full advantage of the framework and provide a clear, concise, type-safe and extensible DSL using Kotlin language features. -
23
Ant Motion
Animate specification and components of Ant Design
...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. With more friendly interaction, let the animate shuttle between different elements, so that the product can better talk to the user. -
24
Granim.js
Create fluid and interactive gradient animations
Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on... -
25
Douya Bean sprouts
A Material Design app for douban.com
The open source Material Design Douban client. Among all people who directly access Douban, the most common and consistent usage is around ratings, comments, discoveries, and discussions around movies, TV, books, records, and events (what we call "items"). We will use the ratings and comments that are synchronized with the website as a starting point and basis to reconstruct the discovery and discussion around personal interests on the mobile phone. Douban is never a single website, and the...
