Search Results for "element"
Sort By:
Showing 141 open source projects for "element"
View related business solutions-
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.
-
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.
-
1
Relative-Time Element
Web component extensions to the standard <time> element
Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser. This allows the server to cache HTML fragments containing dates and lets the browser choose how to localize the displayed time according to the user's preferences. Every visitor is served the same markup from the server's cache. When it reaches the browser, the custom relative-time JavaScript localizes the element's text into the local timezone and formatting. Dates are displayed before... -
2
Micro App
A simple, efficient and powerful micro front-end framework
Micro-app is a web component-based micro-frontend framework from JD Retail. It enables sandboxed embedding of independent micro-apps into host pages, with automatic JS/style isolation, element segregation, preloading, and inter-app communication—all independent of framework. Provides plugin architecture and works across any frontend tech stack. -
3
Bootstrap Icons
Open source SVG icon library for Bootstrap
...Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom width and height. Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
4
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. ... -
Cut Cloud Costs with Google Compute EngineSave 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.
-
5
ScrollMagic
The javascript library for magical scroll interactions
...Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). You can add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. -
6
arrive.js
Watch for DOM elements creation and removal
arrive.js provides events to watch for DOM element creation and removal. It makes use of Mutation Observers internally. -
7
mall-admin-web
frontend component of the “mall” e-commerce system
mall-admin-web is the frontend component of the “mall” e-commerce system, implemented in Vue (plus Element UI) to deliver the backend management interface: product management, order management, member management, promotions, operations, content, statistics and settings. It demonstrates how a modern single-page application can be structured to integrate with the backend services described in the learning / microservice projects, including authentication (JWT or token), REST APIs, role/permission management and real-time dashboards. ... -
8
Configure your Node.js Applications
Node.js application configuration
...Use config.has() to test if a configuration value is defined. Running in this configuration, the port and dbName elements of dbConfig will come from the default.json file, and the host element will come from the production.json override file. -
9
Homer
A very simple static homepage for your server
...Title, icons, links, colors, and services can be configured in the config.yml file (located in /assets directory once built, or in the public/assets directory in development mode), using yaml format. null value or missing keys will be ignored and value from the config.yml will be used if available. Empty values (either in config.yml or the endpoint data) will hide the element. -
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
jQuery MultiSelect
Turn a multiselect list into a nice and easy to use list with checkbox
Turn a multiselect list into a nice and easy to use list with checkboxes. This plugin is simply an alternative interface for the native select list element. When you check an option in the plugin the value is selected on the native list. This allows the value to be submitted in a form as well as retreived through normal POST/GET and javascript methods. -
11
p5.js
Client-side JS platform for artists, designers and students to express
p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone. Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas. You can think of your whole browser page as your sketch, including HTML5... -
12
RapiDoc
RapiDoc - Custom-Element for OpenAPI Spec
Free of any frameworks, setups, configs, build steps or packaging. Can be used with any framework or just with vanilla javascript. Use It just like any other HTML Tag, Change its attribute using JavaScript and see it react to those changes. Basic knowledge of HTML is all that's required. Style it to your heart's content. Change font, logo, colors and theme. Inject external HTML or embed into another HTML document. Minimal dependencies, no runtime, and no virtual DOM ensure the lowest memory... -
13
Inquirer.js
A collection of common interactive command line user interfaces
Inquirer.js strives to be an easily embeddable and beautiful command line interface for Node.js (and perhaps the "CLI Xanadu"). Inquirer.js should ease the process of providing error feedback, asking questions, parsing input, validating answers, and managing hierarchical prompts. Inquirer.js provides the user interface and the inquiry session flow. If you're searching for a full blown command line program utility, then check out commander, vorpal or args. Create a self contained inquirer... -
14
React Native for Web
React Native Components and APIs for the Web
...Support gestures and multiple input modes (touch, mouse, keyboard). Reliable styles. Rely on scoped styles and automatic vendor-prefixing. Support RTL layouts. Responsive containers. Respond to element resize events. Incremental adoption. Interoperates with existing React DOM components. Bundle only what you use. React Native for Web is used in production web apps by Twitter, Flipkart, Uber, Major League Soccer, and many others. It also powers web support in multi-platform React projects such as Expo, React Native Elements, React Native Paper, and React Native Base. -
15
RateIt
Rating plugin for jQuery. Fast, Progressive enhancement, touch support
...Fast, Progressive enhancement, touch support, customizable (just swap out the images, or change some CSS), Unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size. Although it does the same job as the rest of the jQuery star rating plugins, the main difference is its simplicity. Most plugins create an element for each (partial) star, be it a div with a star background, or an img tag. Each of these tags gets a hover event, and a click event. And on these hover/click events it has to go and talk to the other stars, telling them to change their state. -
16
Google Map React
Google map library for react that allows rendering components
Google map library for react that allows rendering components as markers. google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. It allows you to create interfaces... -
17
css-doodle
A web component for drawing patterns with CSS
...The syntax of CSS-doodle is based on CSS and provides several extra utility functions and shorthand properties. The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. Its default is 1x1 when no value or 0 is given. The row or column is limited up to 4096 only when the grid is 1-dimensional. -
18
Riot
Simple and elegant component-based UI library
...We believe Riot.js offers the right balance for solving the great puzzle. Riot.js brings custom elements to all modern browsers without the use of any polyfill! A custom element glues relevant HTML and JavaScript together forming a reusable component. It is designed to offer you everything you wished native the web components API looked like. HTML syntax is the de facto language of the web and it’s designed for building user interfaces. The syntax is explicit, nesting is inherent to the language, and attributes offer a clean way to provide options for custom tags. ... -
19
Primitive UI
A front-end design toolkit for developing web apps
...There are three container sizes for content that are centered with left and right padding. Content without a container will span the width of the viewport. The font size is set to 1rem on the HTML element, so all font sizing will cascade from the root. Headings all have the same line height and margins, and only the font size is individually defined. The blockquote is set to have a left border, with the browser default padding removed. A citation will be right-aligned and italicized. -
20
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... -
21
eslint-plugin-jsx-a11y
Static AST checker for a11y rules on JSX elements
...To enable your custom components to be checked as DOM elements, you can set global settings in your configuration file by mapping each custom component name to a DOM element type. Enforce all elements that require alternative text have meaningful information to relay back to the end user. -
22
Networked-Aframe
Web framework for building multi-user virtual reality experiences
...Networked-Aframe works by syncing entities and their components to connected users. To connect to a room you need to add the networked-scene component to the a-scene element. For an entity to be synced, add the networked component to it. By default the position and rotation components are synced, but if you want to sync other components or child components you need to define a schema. For more advanced control over the network messages see the sections on Broadcasting Custom Messages and Options. Create an instance of a template to be synced across clients. ... -
23
Element
A Vue.js 2.0 UI Toolkit for Web
Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. -
24
longpress-tooltip
Long-Press Tooltip für Formularelemente und Buttons (jQuery UI)
Diese Funktion initialisiert jQuery UI Tooltips für alle relevanten Eingabefelder, * Textareas, Selects und Buttons. Tooltips erscheinen, wenn der Benutzer ein Element * für eine definierte Zeit gedrückt hält (Long-Press) und verschwinden automatisch * nach einer weiteren definierten Zeit. * * Besonders hilfreich auf **mobilen Geräten / Touch-Devices**, da dort * der Standard-Tooltip (title) nicht sichtbar ist. -
25
ehandwriting
Groundbreaking JS plug&play writes real handwriting on your web page.
...Users are inevitably drawn to the hand that's writing. One line of code loads the plugin then any number of calls to it causes writing to happen when required. Typically the writing will occur in an element (a div, say) or a chosen area of the window. The software auto deals with font size and spacing. DOWNLOAD ehandwriting.zip (284kb) includes: - Executable software "ehw 1.1 min.js" (132kb) - All source files + documentation, - User guides - MIT Licence
