Search Results for "element"
Sort By:
Showing 43 open source projects for "element"
View related business solutions-
$300 in Free Credit for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credit—no hidden charges. Test, build, and deploy without risk. Use your credit across the Google Cloud platform to find what works best for your needs. After your credits are used, continue building with free monthly usage products. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
Go from Data Warehouse to Data and AI platform with BigQueryBigQuery is more than a data warehouse—it's an autonomous data-to-AI platform. Use familiar SQL to train ML models, run time-series forecasts, and generate AI-powered insights with native Gemini integration. Built-in agents handle data engineering and data science workflows automatically. Get $300 in free credit, query 1 TB, and store 10 GB free monthly.
-
1
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. -
2
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. -
3
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. -
4
Vue Manage System
Vue3, Element Plus, TypeScript
Vue Manage System is a multifunctional backend admin template built with Vue 3, Element Plus, and TypeScript. It offers a rapid, developer-friendly foundation for building management system UIs. Structured admin UI framework with Vue 3 and TypeScript. Integrated Element Plus UI component library. Clean and consistent layout suitable for diverse backend apps. Well-suited for projects like ERP, CRM, CMS development. -
Ship AI Apps Faster with Vertex AIShip AI apps and features faster with Vertex AI—your end-to-end AI platform. Access Gemini 3 and 200+ foundation models, fine-tune for your needs, and deploy with enterprise-grade MLOps. Build chatbots, agents, or custom models. New customers get $300 in free credit.
-
5
Vue Pure Admin
ESM+Vue3+Vite+Element-Plus+TypeScript
Vue Pure Admin is a free, open-source, out-of-the-box backend management system template built with Vue 3, Vite, Element Plus, and TypeScript. It’s mobile-compatible and provides a polished foundation for enterprise-level admin dashboards. Full suite of admin features: user, role, permission management. Rich component ecosystem and template scripts. Docker support for easy deployment and dev workflows. Continuous optimization (performance, UX, new components). -
6
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. ... -
7
phosphor-react
A flexible icon family for React
...Simply import the icons you need, and add them anywhere in your render method. Phosphor supports tree-shaking, so your bundle only includes code for the icons you use. Icon components accept all props that you can pass to a normal SVG element, including inline style objects, onClick handlers, and more. Phosphor takes advantage of React Context to make applying a default style to all icons simple. Create an IconContext.Provider at the root of the app (or anywhere above the icons in the tree) and pass in a configuration object with props to be applied by default to all icons. -
8
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. -
9
AI Employe
Create browser automation as if you were teaching a human using GPT-4
...There are several techniques for this, ranging from sending a shortened form of HTML to GPT-3, creating a bounding box with IDs and sending it to GPT-4-vision to take actions, or directly asking GPT-4-vision to obtain the X and Y coordinates of the element. However, none of these methods were reliable; they all led to hallucinations. To prevent GPT from derailing from tasks, we use a technique that is akin to retrieval-augmented generation, but we kind of call it Actions Augmented Generation. Essentially, when a user creates a workflow, we don't record the screen, microphone, or camera, but we do record the DOM element changes for every action (clicking, typing, etc.) the user takes. -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
Browser MCP
Browser MCP is a Model Context Provider (MCP) server
...By adapting a Playwright-style approach to control the running browser profile, it reuses logged-in sessions and cookies, which reduces re-authentication friction and helps avoid some bot-detection heuristics. The server exposes structured tools for navigation, element interaction, and artifact capture (DOM, screenshots, logs), all discoverable via MCP schemas. Because it runs against the user’s primary browser, it’s well-suited to repetitive web tasks, authenticated dashboards, and debugging workflows inside MCP-capable IDEs. A public website and extension streamline installation and connect the local server to clients like Claude, Cursor, VS Code, and Windsurf. ... -
11
Jenga Icons
Collection of adaptable icons designed for use in interfaces
Jenga Icons is a collection of adaptable icons designed for use in interfaces, diagrams, and other applications. The icon components can receive all the props that a standard SVG element can, which includes inline style objects, onClick handlers, and other properties. The Jenga icon family is easy to customize and truly conistent in scale and style. -
12
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. -
13
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... -
14
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. ... -
15
Animated hamburger menu icons for React
Animated hamburger menu icons for React
...It is recommended to have a tap/click area of at least 48x48 pixels. Therefore, padding will be added around the icon to create a surface of exactly this size. Keyboard interaction is provided with the enter key, and the icon element has the recommended accessibility attributes (such as role). You can use the label property to supply an ARIA label for the icon. -
16
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. -
17
Zettlr
A Markdown Editor for the 21st century
Writing is an essential part of our everyday life. Why make it complicated? Zettlr redefines what writing means. It is slim, fast, and versatile. Focus on what matters to you. Publish, not perish. In modern times, getting a hold of the flood of information is almost as hard as inserting a USB drive the right way on the first attempt. Zettlr allows you to connect pieces of information using state of the art Zettelkasten methodology. Links? Check. File IDs? Check. File tagging? Also check. And... -
18
Architecture as a code
Visualize, collaborate, and evolve the software architecture
Architecture as a code is an open-source modeling language and toolkit that enables software teams to describe, visualize, collaborate on, and maintain software architecture as code. Inspired by the C4 Model and other architectural DSLs, LikeC4 lets you define your system’s structure in a textual DSL and then automatically generate consistent diagrams that reflect that design, ensuring that architecture documentation stays in sync with source code changes. The project includes command-line... -
19
user-event
Simulate user events
...Testing Library's built-in fireEvent is a lightweight wrapper around the browser's low-level dispatchEvent API, which allows developers to trigger any event on any element. The problem is that the browser usually does more than just trigger one event for one interaction. -
20
agentation
The visual feedback tool for agents
...This approach dramatically improves clarity and reduces ambiguity when working with AI tools that generate or modify UI code, making the handoff between human design intent and AI execution much clearer. The package installs into a React app and shows a floating toolbar that lets you activate element selection and add notes during a development session, helping you capture precise targets for improved AI output. -
21
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. -
22
SuperDesign
AI Product Design Agent
...Beyond simple visual generation, it lets users fork and refine designs, supporting a dynamic workflow where ideas evolve quickly within the context of your project. This tool is designed to support modularity and consistency, helping teams maintain a coherent design system without manually crafting every element. Because it is open source, anyone can inspect, extend, and customize the agent to fit specific workflows. -
23
pageres
Capture website screenshots
Capture screenshots of websites in various resolutions. A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. Note to Linux users, If you get a "No usable sandbox!" error, you need to enable system sandboxing. For Gulp and Broccoli, just use the API directly. No need for a wrapper plugin. pageres offers a wide variety of options, for example, you can Delay... -
24
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. ... -
25
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.
