Search Results for "element"
Sort By:
Showing 150 open source projects for "element"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
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. ... -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
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
slick
The last carousel you'll ever need
slick is an open source, responsive carousel plugin that offers a great number of breakpoints, CSS3 transitions, touch events and so much more. It creates fully responsive, customizable and mobile-friendly carousels that can work with any html element. Everything you’ll ever need for your carousel, slick can achieve quickly and easily. It features a comprehensive range of settings, events, methods and more so you can build a carousel in exactly the way you want. It supports IE8+ as well as most modern browsers (Chrome, Firefox, Safari). See it in action in demos on http://kenwheeler.github.io/slick/ -
8
paroller.js
Parallax scrolling jQuery plugin
paroller.js is a lightweight jQuery plugin that enables parallax scrolling effects on selected elements. To enable the parallax scrolling effect you can use data-patroller-* attributes on selected elements or set values via jQuery. 'factor' sets the speed and distance of the element's parallax effect on scroll. -
9
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. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
10
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. -
11
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... -
12
linkedom
A triple-linked lists based DOM implementation
...Its triple-linked-list structure aims to keep operations linear and avoid recursion, excessive memory use, and call stack failures on very large documents. It provides DOMParser and parseHTML APIs that return documents, window-like objects, events, elements, and custom element support without polluting global scope. Developers can query content with CSS selectors, create and move nodes, serialize documents, and restore nodes through its JSON format. A worker-focused export supports Deno, Web Workers, and Service Workers without depending strictly on Node.js. LinkeDOM favors speed and minimalism over complete browser emulation, so it is not intended as a fully standards-compliant replacement for JSDOM. -
13
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... -
14
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... -
15
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. -
16
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. -
17
Taiko
A node.js library for testing modern web applications
...Taiko works with Chromium-based browsers such as Chrome, Microsoft Edge, and Opera, and can also interact with Firefox, enabling developers to test modern web interfaces across multiple environments. The library includes intelligent element selection capabilities that automatically locate elements on the page, reducing the need for fragile CSS selectors or XPath expressions. -
18
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... -
19
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. -
20
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. -
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
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... -
23
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. ... -
24
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. ... -
25
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.