Search Results for "open element"
Sort By:
Showing 15 open source projects for "open element"
View related business solutions-
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.
-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
1
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s... -
2
Vizzu
Library for animated data visualizations and data stories
Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. -
3
react-native-animatable
Set of animations and declarative transitions for React Native
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work... -
4
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
Scene.js supports two plays: javascript and css animation. It's perfect to use it in context and not feel the difference. Scene.js have complete control over time. No matter what time you choose, this can show you the right movement for that time. With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time. Even though the time between the start and end of each element is different,... -
Full-stack observability with actually useful AI | 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.
-
5
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
6
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name... -
7
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained... -
8
Animate.css
Just-add-water CSS animations
Animate.css is a cross-browser library of cool and fun CSS animations. When you need to add some oomph and awesomeness to your projects, simply slide in one of these just-add-water animations and watch your visuals significantly improve! Using Animate.css animations is incredibly simple and easy. It takes just a couple of steps to get an awesome CSS animated element. Choose from a wide array of animations, and control their speeds. Use these animations to make a statement, for emphasis,... -
9
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... -
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
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. With more friendly interaction, let the animate shuttle between different... -
11
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... -
12
jQuery DrawSVG
Lightweight, simple to use jQuery plugin to animate SVG paths
Lightweight, simple-to-use jQuery plugin to animate SVG paths. This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. -
13
Dynamics.js
Javascript library to create physics-based animation
Dynamics.js is a JavaScript library to create physics-based animations. You can animate CSS properties of any DOM element. You also can animate SVG properties. And any JavaScript object. Dynamics.js has its own setTimeout. The reason is that requestAnimationFrame and setTimeout have different behaviors. In most browsers, requestAnimationFrame will not run in a background tab while setTimeout will. This can cause a lot of problems while using setTimeout along your animations. I suggest you... -
14
Bounce.js
Create beautiful CSS3 powered animations in no time
Bounce.js is a tool and JS library for generating beautiful CSS3 powered keyframe animations. The tool on bouncejs.com allows you to generate static keyframes that can be used without any extra JavaScript, but if you'd like your application to generate these on the fly, you can use the Bounce.js library. The Bounce object is what you'll use to first build your animation from the different components scale, rotate, translate and skew. This can then either be defined as a named animation for... -
15
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...
- Previous
- You're on page 1
- Next
