Showing 27 open source projects for "element"

View related business solutions
  • Easily Host LLMs and Web Apps on Cloud Run Icon
    Easily Host LLMs and Web Apps on Cloud Run

    Run everything from popular models with on-demand NVIDIA L4 GPUs to web apps without infrastructure management.

    Run frontend and backend services, batch jobs, host LLMs, and queue processing workloads without the need to manage infrastructure. Cloud Run gives you on-demand GPU access for hosting LLMs and running real-time AI—with 5-second cold starts and automatic scale-to-zero so you only pay for actual usage. New customers get $300 in free credit to start.
    Try Cloud Run Free
  • Our Free Plans just got better! | Auth0 Icon
    Our Free Plans just got better! | Auth0

    With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

    You 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.
    Try free now
  • 1
    Cropper.js

    Cropper.js

    JavaScript image cropper

    The size of the cropper inherits from the size of the image's parent element (wrapper), so be sure to wrap the image with a visible block element. If you are using cropper in a modal, you should initialize the cropper after the modal is shown completely. Otherwise, you will not get the correct cropper. The outputted cropped data is based on the original image size, so you can use them to crop the image directly.
    Downloads: 12 This Week
    Last Update:
    See Project
  • 2
    three.js

    three.js

    JavaScript 3D library

    ...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 website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides.
    Downloads: 81 This Week
    Last Update:
    See Project
  • 3
    Fabric.js

    Fabric.js

    Javascript Canvas Library and SVG-to-Canvas Parser

    Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple mouse selection. ...
    Downloads: 6 This Week
    Last Update:
    See Project
  • 4
    flag-icons

    flag-icons

    A curated collection of all country flags in SVG

    ...For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again.
    Downloads: 1 This Week
    Last Update:
    See Project
  • Cut Cloud Costs with Google Compute Engine Icon
    Cut Cloud Costs with Google Compute Engine

    Save up to 91% with Spot VMs and get automatic sustained-use discounts. One free VM per month, plus $300 in credits.

    Save on compute costs with Compute Engine. Reduce your batch jobs and workload bill 60-91% with Spot VMs. Compute Engine's committed use offers customers up to 70% savings through sustained use discounts. Plus, you get one free e2-micro VM monthly and $300 credit to start.
    Try Compute Engine
  • 5
    reveal.js

    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...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 6
    Vizzu

    Vizzu

    Library for animated data visualizations and data stories

    ...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. Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. Because of this, any method except animate() will throw an exception while the library is not initialized. There is an initializing promise in the Vizzu class, which will resolve when initialization is finished. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    react-native-animatable

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Spritejs

    Spritejs

    A cross platform high-performance graphics system

    Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. Compatible for most...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 9
    Svelte Animation on Scroll

    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).
    Downloads: 0 This Week
    Last Update:
    See Project
  • Build on Google Cloud with $300 in Free Credit Icon
    Build on Google Cloud with $300 in Free Credit

    New to Google Cloud? Get $300 in free credit to explore Compute Engine, BigQuery, Cloud Run, Vertex AI, and 150+ other products.

    Start your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query exabytes in BigQuery, or build AI apps with Vertex AI and Gemini. Once your credits are used, keep building with 20+ products with free monthly usage, including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. Sign up to start building right away.
    Start Free Trial
  • 10
    Vivus.js

    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 `sync`. Each path element is drawn one after the other. This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    lax.js

    lax.js

    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 together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. To increase performance, lax.js indexes the list of elements to animate when the page loads. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    C3.js

    C3.js

    A D3-based reusable chart library

    C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered. C3 enables deeper integration of charts into your application. Because of the dependence on D3, C3 supports only modern browsers D3 supports. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Zdog

    Zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

    Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. Zdog is friendly. Modeling is done with a straight-forward declarative API....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Cropper

    Cropper

    jQuery image cropping plugin

    ...It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with a comprehensive set of options like fixed aspect ratios, minimum crop box sizes, and preview panes that update in real time. The library emits events for actions such as “crop start,” “move,” and “crop end,” enabling seamless integration with form submissions or client-side image processing workflows. Because it supports touch gestures and mouse interactions, Cropper works well across desktop and mobile browsers without requiring any external dependencies.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    Raphaël

    Raphaël

    JavaScript vector library

    Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Effeckt.css

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Ant Motion

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    React-Motion

    React-Motion

    A spring that solves your counter 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. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API. It's normal not to feel how stiffness and damping affect your spring; use Spring Parameters Chooser to get a feeling.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Picturefill

    Picturefill

    A responsive image polyfill

    A Responsive Images approach that you can use today that mimics the proposed picture element using spans, for safety sake. Picturefill works best in browsers that support CSS3 media queries. The demo page references (externally) the matchMedia polyfill which makes matchMedia work in media-query-supporting browsers that don't support matchMedia. matchMedia and the matchMedia polyfill are not required for picturefill to work, but they are required to support the media attributes on picture source elements. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    CSSgram

    CSSgram

    CSS library for Instagram filters

    ...This means less manual image processing and more fun filter effects on the web! We are using pseudo-elements (i.e. :before and :after) to create the filter effects, so you must apply these filters on a containing element (i.e. not a content-block like <img>. The recommendation is to wrap your images in a <figure> tag. If you use custom naming in your CSS architecture, you can add the .scss files for the provided styles within your project and then @extend the filter effects within your style definitions. Mixins allow for multiple filter arguments to be passed into your classes. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    jQuery DrawSVG

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    CSS Loaders

    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 color or shadow overrides. Developers can copy snippets directly into their projects without needing to install heavy dependencies. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Scrawl.js

    Scrawl.js

    For the handling and manipulation of the HTML5 <canvas> element

    A JavaScript library which adds an API for handling and manipulating HTML5 <canvas> elements in the DOM. Uses the '2d' context with each canvas element. On starting, Scrawl.js investigates the HTML DOM and automatically creates controller and wrapper objects for each <canvas> element it finds. Can also generate visible canvas elements programatically, and add them to the DOM. Users create sprite and gradient objects using scrawl factory functions, set their styling and position, and render them onto the canvas element. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Mirrored Mockup Design

    Mirrored Mockup Design

    Easily design websites on the go. No coding necessary!

    There's many great tools out there for web design like Adobe Edge Animate, Google Web Designer, and Adobe Proto (Except discontinued for android), but these tools are only good for those users who are running Windows, Mac OS X, or the iOS platforms. I however couldn't find a decent website designer for Linux or Android so I decided to make my own as a fun experiment.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    flot

    flot

    Attractive JavaScript charts for jQuery

    ...You need at least jQuery 1.2.6, but try at least 1.3.2 for interactive charts because of performance improvements in event handling. The plot function immediately draws the chart and then returns a plot object with a couple of methods. The placeholder is a jQuery object or DOM element or jQuery expression that the plot will be put into.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • Next
MongoDB Logo MongoDB