Search Results for "element" - Page 2
Sort By:
Showing 43 open source projects for "element"
View related business solutions-
Build AI Apps with Gemini 3 on Vertex AIVertex AI gives developers access to Gemini 3—Google’s most advanced reasoning and coding model—plus 200+ foundation models including Claude, Llama, and Gemma. Build generative AI apps with Vertex AI Studio, customize with fine-tuning, and deploy to production with enterprise-grade MLOps. New customers get $300 in free credits.
-
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.
-
1
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. -
2
EasyVoice
Open source text-to-speech tool, supports extra-long text
...It offers streaming playback so audio starts almost immediately, even for very long inputs, and automatically generates subtitle files suitable for video production or translation workflows. Under the hood, easyVoice uses a modern stack with Vue 3 and Element Plus on the front end, Node.js and Express on the back end, and TTS engines such as Microsoft Azure TTS and OpenAI-compatible APIs, orchestrated through ffmpeg. -
3
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... -
4
DOM Window Manager
A simple window manager for DOM elements
A simple window manager for DOM elements. DOM Window Manager consists of a single class, WindowManager, and a set of utility functions. WindowManager uses the singleton pattern, effectively restricting the instantiation of the class to a singular instance to be used by all components, in any file. At first, you need to import WindowManager and dragElement in each file that you create elements that you want to use with the DOM Window Manager. WindowManager is the class that manages the... -
99.99% Uptime for MySQL and PostgreSQL on Google CloudCloud 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.
-
5
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. -
6
Satori
Enlightened library to convert HTML and CSS to SVG
Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless. You can use a subset of HTML elements (see section below), or custom React components, but React APIs such as useState, useEffect, dangerouslySetInnerHTML are not supported. ... -
7
Vue Phosphor icons
A flexible icon family for Vue
Phosphor is a flexible icon family for interfaces, diagrams, presentations, whatever, really. Check out our playground in StackBlitz and start experimenting! Although we strongly advise against installing your icons globally. Phosphor takes advantage of Vue's provide/inject options to make applying a default style to all icons simple. Create a provided object or function at the root of the app (or anywhere above the icons in the tree) that returns a configuration object with props to be... -
8
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. -
9
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. -
Deploy Apps in Seconds with Cloud RunCloud Run is the fastest way to deploy containerized apps. Push your code in Go, Python, Node.js, Java, or any language and Cloud Run builds and deploys it automatically. Get fast autoscaling, pay only when your code runs, and skip the infrastructure headaches. Two million requests free per month. And new customers get $300 in free credit.
-
10
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. ... -
11
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 -
12
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. ... -
13
Resize Observer
Polyfills the ResizeObserver API
A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Specification. It immediately detects when an element resizes and provides accurate sizing information back to the handler. Check out the Example Playground for more information on usage and performance. The latest Resize Observer specification is not yet finalised and is subject to change. Any drastic changes to the specification will bump the major version of this library, as there will likely be breaking changes. ... -
14
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. -
15
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. -
16
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. -
17
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. -
18
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). ...
