Search Results for "design"
Sort By:
Showing 39 open source projects for "design"
View related business solutions-
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.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
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... -
2
Lottie-Web
Render After Effects animations natively
...Because animations are data rather than pixels, designers and developers can collaborate: designers export with the Bodymovin plugin, and developers integrate the JSON with minimal code. The renderer handles masks, shapes, and keyframe timing to closely mirror After Effects behavior within web constraints. This approach brings high-quality motion design to product interfaces without large asset sizes or complex sprite workflows. -
3
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,... -
4
Hero iOS
Elegant transition library for iOS & tvOS
...Hero will run these animations alongside the Magic Move animations. All of these animations can be interactively controlled by user gestures. By default, Hero provides dynamic duration based on the Material Design Motion Guide. Duration is automatically determined by changes to distance and size—saving you the hassle, while providing consistent and delightful animations. -
Build Securely on Azure with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
5
SCAIL
Towards Studio-Grade Character Animation via In-Context Learning of 3D
SCAIL is a project developed by the ZAI Organization, focusing on AI-driven research initiatives. While specific documentation about SCAIL’s exact goals and implementation is limited from the repository context alone, the project appears to be part of a collection of machine learning and AI research tools that facilitate scalable model development, evaluation, or application workflows. Given its listing alongside other ZAI projects like speech recognition and text-to-speech systems, SCAIL... -
6
ImAnim
Animation Engine for Dear ImGui
...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. ... -
7
Its Hover
Icons that move with intent
...Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. ... -
8
Synfig is a powerful, industrial-strength vector-based 2D animation software package, designed from the ground-up for producing feature-film quality 2D animation with fewer people and resources.
-
9
Kage Studio Animation Software
A simple multi-platfom 2D Animation Software for all ages!
Kage Studio is a vector-based 2D Animation multi-platform Software for Windows, Mac OS, and Debian/Ubuntu GNU/Linux suitable for beginners, hobbyists, and soon even professionals. Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript. -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
10
Pixelaria
Software for creating and exporting pixel-art animations.
Provides functionality for creating pixel art animations and exporting assets into animation sheets automatically in the same tool. Everything runs on a unified and simple interface based on YoYoGame's GameMaker. -
11
IBAnimatable
Design and prototype customized UI, interaction, navigation, etc.
...With IBAnimatable, we can design a UI in Interface Builder like what we can do in Sketch, and prototype animations in a Swift playground like what we can do in Framer. Also, we can use the output of the design directly in the production-ready App. -
12
FoldingCell
An expanding content cell with animation
Expanding content cell with animation inspired by folding paper card material design. Create a new cell inheriting from FoldingCell. Add a UIView to your cell in your storyboard or nib file, inheriting from RotatedView. Connect the outlet from this view to the cell property foregroundView. Add constraints from this view to the superview. Connect the outlet from this top constraint to the cell property foregroundViewTop. -
13
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and end states), and then trigger animations via APIs (play(), reset()). ... -
14
MaterialLibrary
A library for fully animated Material Design components
MaterialLibrary is an open source Android library that back-port Material Design components to pre-Lolipop Android. MaterialLibrary's original author is Rey Pham. Now you can use any widget in com.rey.material.widget package as you wish. For styling, please view Wiki. Note that default style of widgets depend on theme of AppCompat. AppCompat and CardView library is required by Material library. Make sure to add the snapshot repository. -
15
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. -
16
Effeckt.css
A Performant Transitions and Animations Library
...Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. 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
Display Switcher
Custom transition between two collection view layouts
We designed a UI that allows users to switch between list and grid views on the fly and choose the most convenient display type. List view usually provides more details about each user or contact. Grid view allows more users or contacts to appear on the screen at the same time. We created design mockups for both list and grid views using Sketch. As soon as the mockups were ready, we used Principle to create a smooth transition between the two display types. Note that the hamburger menu changes its appearance depending on which view is activated. -
18
flump
Exports Flash .FLAs to GPU-friendly formats
Flump is a toolchain for converting Flash timeline animations into lightweight runtime formats suitable for games. It allows artists to design animations in Adobe Flash (now Animate) and export them for playback in game engines using ActionScript, Java, or other runtimes. This helps maintain smooth vector animations with minimal performance cost, particularly for mobile and web games. -
19
Skinner
Special Effects with Skinned Mesh in Unity
Skinner is a collection of real-time special effects for Unity that use vertices of an animating skinned mesh as emission points. Instead of duplicating mesh data on the CPU, it employs a replacement shader to stream vertex positions into GPU-friendly buffers, conserving memory and CPU cycles. With those GPU-side buffers, Skinner can drive effects like trails, particles, or geometry that react to the underlying skinned animation in sophisticated ways. The approach enables complex, performant... -
20
3D Graphics Library for MR (VR & AR)
Experience the Reality !
This is a little Program that I have done recently, made by my Algorithm for showing 3D Objects in 2D & can be implemented on any Programming Language ( No Open Source Packages/APIs are used. ) You can build & animate whatever you want. Final version will be released soon. -
21
x3drenderlibrary
A 3d rendering framework
x3d render library is a 3d graphics framework with implementation of several useful rendering algorithms: a rasterization renderer(with implementation of both builtin software rendering & opengl hardware rendering); a path tracing renderer(cpu based) x3d demoscene is a framework and tool chains dedicated in animation production. x3d render library is used for the rendering component -
22
Cartoon !
Cartoon animation
This project has moved to : https://github.com/blendman/CartoonAnimation A 2D (cartoon) Animation Software. Current Features : - vector - text - bitmap images (import) - FX - export (png) - multi-layer - export purebasic code Todolist : - animation : object, shape & points, scene, camera... - multi-layer compositing - in-betweening, interpolation (linear) - final rendering (image sequence, video). - import sound (wave, mp3, ogg) in reflexion : -... -
23
Dance Commander
Dance instruction software
A program to help you instruct dances or design your own movements. This is done by using a "programming" language. The software contains the most basic commands, other commands can be created by making functions or by downloading separate function packages that will be available later. There is a commando overview available with examples and with extra information about every function. -
24
View Controller Transitions Library
Collection of iOS7 animation controllers and interaction controllers
View Controller Transitions Library is a collection of iOS7 animation controllers and interaction controllers, providing flip, fold and all kinds of other transitions. With iOS 7 you can easily create custom view controller transitions that can be used in a range of contexts (push, pop, modal, etc.) This project provides a library of custom animations which can be dropped directly into your project. It also has a number of 'interaction controllers' which can be used with any of the custom... -
25
CSS Loaders
A collection of loading spinners animated with CSS
css-loaders is a collection of simple, reusable loading spinners and indicators implemented entirely in CSS. The project offers a variety of designs—spinning circles, bouncing dots, bars, and pulse animations—that can be applied to any element with a few classes. Each loader is built using CSS keyframes and transforms, avoiding images or JavaScript, which keeps them lightweight and responsive. Because they are pure CSS, they scale cleanly at different sizes and can be styled easily with...
