Showing 24 open source projects for "element"

View related business solutions
  • 99.99% Uptime for MySQL and PostgreSQL on Google Cloud Icon
    99.99% Uptime for MySQL and PostgreSQL on Google Cloud

    Enterprise Plus edition delivers sub-second maintenance downtime and 2x read/write performance. Built for critical apps.

    Cloud SQL Enterprise Plus gives you a 99.99% availability SLA with near-zero downtime maintenance—typically under 10 seconds. Get 2x better read/write performance, intelligent data caching, and 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server with built-in vector search for gen AI apps. New customers get $300 in free credit.
    Try Cloud SQL Free
  • Run Any Workload on Compute Engine VMs Icon
    Run Any Workload on Compute Engine VMs

    From dev environments to AI training, choose preset or custom VMs with 1–96 vCPUs and industry-leading 99.95% uptime SLA.

    Compute Engine delivers high-performance virtual machines for web apps, databases, containers, and AI workloads. Choose from general-purpose, compute-optimized, or GPU/TPU-accelerated machine types—or build custom VMs to match your exact specs. With live migration and automatic failover, your workloads stay online. New customers get $300 in free credits.
    Try Compute Engine
  • 1
    Vector Element

    Vector Element

    A glossy Matrix collaboration client for the web

    ...Connect millions in real time across multiple organizations. Decentralization enables flexible federation that scales elastically horizontally and preserves each party’s data sovereignty. Element gives you the independence and flexibility to create a communications platform you can trust. Whether self-hosted or fully managed. Operate on a separate decentralised network for resilience and incident response. Functionality to suit your security profile and options to brand as your own.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 2
    Floating UI

    Floating UI

    A low-level toolkit to create floating elements

    ...This includes event hooks for hover, focus or click, modal and non-modal focus management, keyboard list navigation, typeahead, portals, backdrop overlays, screen reader support, and more. Floating elements are absolutely positioned, typically anchored to another UI element. Ensuring a floating element remains anchored next to another element can be challenging, especially in unique layout contexts like scrolling containers.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 3
    react-use

    react-use

    Component for React

    ...Plays audio and exposes its controls. Tracks geo location state of user's device. Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1. Tracks long press gesture of some element.
    Downloads: 9 This Week
    Last Update:
    See Project
  • 4
    react-rewards

    react-rewards

    A package containing a few micro-interactions you can use

    ...If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. In order to use the rewards, you'll need to provide an element that will become the origin of the animation. This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 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
  • 5
    Selenium IDE

    Selenium IDE

    Open Source record and playback test automation for the web

    ...We believe that the easier we can make it, the more likely people are to author tests, which in turn results in better-tested apps. Selenium IDE records multiple locators for each element it interacts with. If one locator fails during playback, the others will be tried until one is successful.
    Downloads: 62 This Week
    Last Update:
    See Project
  • 6
    HLS.js

    HLS.js

    HLS.js is a JavaScript library that plays HLS in browsers

    ...Transmuxing is performed asynchronously using a Web Worker when available in the browser. HLS.js also supports HLS + fmp4, as announced during WWDC2016. HLS.js works directly on top of a standard HTML<video> element. HLS.js is written in ECMAScript6 (*.js) and TypeScript (*.ts) (strongly typed superset of ES6), and transpiled in ECMAScript5 using Babel and the TypeScript compiler. Webpack is used to build the distro bundle and serve the local development environment.
    Downloads: 13 This Week
    Last Update:
    See Project
  • 7
    Shadcn UI NextJS Boilerplate

    Shadcn UI NextJS Boilerplate

    Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin

    Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today. Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster. It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 8
    Angular DataTables

    Angular DataTables

    DataTables with Angular

    An Angular2+ library for building complex HTML tables using DataTables JQuery plug-in. Implementation of the example on custom filtering with range search. The HTML element provides a Promise that returns the instance of the DataTable. Implementation of the example on individual column searching (text inputs). Sometimes, your DataTable options are stored or computed server-side. All you need to do is to return the expected result as a promise. You can use Angular Pipe to transform data on the table. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 9
    Iconoir

    Iconoir

    An open source icons library with 1K+ icons

    ...The class must always be "iconoir-" and then the name of the icon. The icons are display: inline-block and default to the current font size. You can control this by adjusting the ::before styles of the element.
    Downloads: 6 This Week
    Last Update:
    See Project
  • 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
  • 10
    Lexical

    Lexical

    Lexical is an extensible text editor framework

    An extensible text editor framework that does things differently. Lexical is comprised of editor instances that each attach to a single content editable element. A set of editor states represent the current and pending states of the editor at any given time. Lexical is designed for everyone. It follows best practices established in WCAG and is compatible with screen readers and other assistive technologies. Lexical is minimal. It doesn't directly concern itself with UI components, toolbars or rich-text features and markdown. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 11
    Redux DevTools

    Redux DevTools

    DevTools for Redux with hot reloading, action replay, and UI

    ...If you want to have full control over where DevTools are displayed, or are developing a custom monitor, you will probably want to integrate them manually. It’s more steps, but you will have full control over monitors and their configuration. omewhere in your project, create a DevTools component by passing a monitor element to createDevTools. A store enhancer is a function that enhances the behavior of createStore(). You can pass store enhancer as the last optional argument to createStore(). The easiest way to apply several store enhancers in a row is to use the compose() utility function that ships with Redux.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 12
    Modern.js

    Modern.js

    The meta-framework suite designed from scratch for web development

    ...Although the client route can simulate the effect of multiple pages, in fact, different routes use the same HTML document, so by default, the head elements such as title, meta etc. in the HTML document element are always unchanged.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 13
    TanStack Virtual

    TanStack Virtual

    Headless UI for Virtualizing Large Element Lists in JS/TS

    TanStack Virtual is a lightweight, framework-agnostic library that enables high-performance virtualization for long or large lists in web UIs, providing smooth scrolling and responsive rendering by only mounting items visible in the viewport. A headless, framework‑agnostic virtualization library for rendering massive lists, grids, and tables at 60FPS while giving you full control over markup and styles. Virtualizes vertical, horizontal & grid layouts with a single hook/function. Lightweight...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    DevExtreme Reactive

    DevExtreme Reactive

    Business React components for Bootstrap and Material-UI

    ...TypeScript is often the choice for enterprise-scale web applications. Our TypeScript definitions are autogenerated and are always complete and in sync with docs. Each component text element is customizable. As such, web apps powered by DevExtreme Reactive can be easily localized/globalized.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    WebF

    WebF

    Build flutter apps with HTML/CSS and JavaScript.

    ...Front-End Framework Supports: As WebF is W3C standards compliant, it can be used with many front-end frameworks, such as React, Vue. Expand your Web App with Flutter: WebF is fully customizable. You can define a customized HTML element with Flutter Widgets and use it in your application or add a JavaScript API for any Dart library from pub.dev registry. Web Development Experience. WebF supports inspecting DOM structure, CSS styles and debugging JavaScript with Chrome DevTools, providing a browser-like web development experience. Write Once, Run Anywhere: With the power of WebF, You can write your web application and run it on any device that Flutter supports.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 16
    Lume

    Lume

    Create 3D web applications with HTML, bring a new depth to your DOM

    ...Augment HTML elements with features called "behaviors" that are similar to custom elements: each behavior is defined as a class that has the same lifecycle methods as custom elements. The difference is that an unlimited number of behaviors can be associated with an element.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Figma Code Connect

    Figma Code Connect

    A tool for connecting your design system components

    Figma Code Connect is an open-source tool that enhances collaboration between designers and developers by synchronizing design components with source code in real time. Instead of treating design files and codebases as separate artifacts, it creates a continuous link so when a designer updates a UI element in Figma, developers see corresponding code changes or annotations immediately, making handoffs more precise and frictionless. The system supports multiple frameworks and languages, enabling teams to generate usable code snippets, style values, and component metadata from visual designs without manual translation. This approach reduces miscommunication and repetitive tasks that traditionally occur between design and engineering teams, speeding up iteration cycles while preserving fidelity to the original design intent. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Scene.js

    Scene.js

    Scene.js is JavaScript & CSS timeline-based animation library

    ...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, it can be repeated. Scene.js supports a variety of value types, such as CSS, and can be handled in JavaScript. Scene.js provides effect presets that can give animation effects or make animation easier. You can view the code and animation of clapperboard, the main logo of scene.js
    Downloads: 4 This Week
    Last Update:
    See Project
  • 19
    slide-element

    slide-element

    Promise-based library for animating elements with dynamic heights

    Using JavaScript to animate an element open and closed hasn't traditionally been a straightforward task, especially if it contains dynamically sized content. You could go with something like jQuery's slideToggle(), but that path would require you to take on a lot more code than necessary. Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be animating over. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    Eva Icons

    Eva Icons

    A pack of more than 480 Open Source icons, animations and fonts

    ...Icons are provided in two visual types, Fill and Outline and in several formats, including PNG, SVG, font, Sketch, etc. you also can download icons one by one in PNG and SVG formats from Eva Icons Website. Load from CDN in your project. After including the script, eva will be available as a global variable. Add the data-eva attribute with the icon name to an element. Call eva.replace(); to replace all elements with the data-eva data attribute with SVG elements. You can also pass some additional parameters to the replace method to modify the replace function behavior.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    Incremental DOM

    Incremental DOM

    An in-place DOM diffing library

    ...It integrates naturally with template compilers (such as those that generate calls from HTML-like markup) but can also be used by hand for fine-tuned rendering. The library is small and focused: it manages element creation, attribute updates, and text nodes while leaving state management and data flow to the host framework. The result is predictable updates with minimal overhead, especially useful in performance-critical views.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    JavaScript Tracker

    JavaScript Tracker

    A chrome extension tracks front-end JavaScript that uses DOM

    A chrome extension tracks front-end JavaScript that uses DOM or jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) on web page at runtime.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    react-contenteditable

    react-contenteditable

    React component for a div with editable contents

    React component for a div with editable contents. You can try react-contenteditable right from your browser to see if it fits your project's needs.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Emmet

    Emmet

    The essential toolkit for web-developers

    With Emmet, you can type expressions (abbreviations) similar to CSS selectors and convert them into code fragment with a single keystroke. As a web-developer, you already know how to use Emmet. Abbreviation syntax is similar to CSS Selectors with shortcuts for id, class, custom attributes, element nesting and so on. Unlike default editor snippets, Emmet abbreviations are dynamic and parsed as-you-type. No need to predefine them for each project, just type MyComponent>custom-element to convert any word into a tag. Emmet provides special syntax for CSS properties with embedded values. For example, bd1-s#f.5 will be expanded to border: 1px solid rgba(255, 255, 255, 0.5). ...
    Downloads: 4 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB
Gen AI apps are built with MongoDB Atlas
Atlas offers built-in vector search and global availability across 125+ regions. Start building AI apps faster, all in one place.
Try Free →