Search Results for "element"
Sort By:
Showing 26 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.
-
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
html-react-parser
HTML to React parser
...The parser converts an HTML string to one or more React elements. Available as part of the Tidelift Subscription. For TypeScript projects, you may need to check that domNode is an instance of domhandler's Element. Make sure to render parsed adjacent elements under a parent element. -
2
Turndown
An HTML to Markdown converter written in JavaScript
...These files are generated when the npm package is published. To generate them manually, clone this repo and run npm run build. Turndown also accepts DOM nodes as input (either element nodes, document nodes, or document fragment nodes). Options can be passed in to the constructor on instantiation. The key parameter is a unique name for the rule for easy reference. By default, Turndown does not keep any elements. The filter parameter works like a rule filter. To keep elements that are normally handled by rules, add a rule with the desired behaviour. -
3
vue-select
Everything you wish the HTML <select> element could do
Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component. Vue Select is a feature-rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown. The component is designed to be as lightweight as possible while maintaining high standards for accessibility, developer experience, and customization. -
4
svg-sprite
A low-level Node.js module that takes a bunch of SVG files
SVG sprites & stacks galore. A low-level Node.js module that takes a bunch of SVG files, optimizes them, and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.) It comes with a set of Mustache templates for creating stylesheets in good ol' CSS or one of the major pre-processor formats (Sass, Less and Stylus). Tweaking the templates or even adding your own custom output format is really easy, just as switching on the... -
Enterprise-grade ITSM, for every businessFreshservice is an intuitive, AI-powered platform that helps IT, operations, and business teams deliver exceptional service without the usual complexity. Automate repetitive tasks, resolve issues faster, and provide seamless support across the organization. From managing incidents and assets to driving smarter decisions, Freshservice makes it easy to stay efficient and scale with confidence.
-
5
flag-icons
A curated collection of all country flags in SVG
...For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an element, so you will have to set manually the correct size of 4 by 3 ratio or if it's squared add also the flag-icon-squared class. To have only specific countries in the css file, remove the ones that you don't need from the flag-icons-list.less file and build it again. -
6
Pro sidebar template
Responsive layout with advanced sidebar menu built with SCSS
Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript. The layout for this template is based on CSS pro layout package, please refer to the docs for more information. Responsive navigation element for building vertical menu items. Sidebar comes with layout support for better organization of the inner structure. Wrapper component that groups all menu items. Add .sub-menu class to a menu item and create a wrapper component with the sub-menu-list class to group sub-menu items. -
7
imgIX.js
Responsive images in the browser, simplified
imgix.js is a dependency-free JavaScript library for the browser that allows for easy integration of imgix into websites. imgix.js allows developers to easily generate responsive images using the srcset and sizes attributes, or the picture element. This lets you write a single image URL that is parsed and used to make images look great at any screen size, by using imgix to process and resize your images on the fly. imgix.js is designed to run in the browser, manipulating existing img elements on an HTML page. If you're looking for a JavaScript library that can programmatically generate imgix URLs, consider using imgix-core-js instead. ... -
8
screenfull.js
Wrapper for cross-browser usage of the JavaScript Fullscreen API
...The default element is <html>. If called with another element than the currently active, it will switch to that if it's a decendant. Keep in mind that the browser will only enter fullscreen when initiated by user events like click, touch, key. Returns a promise that resolves after the element enters fullscreen. Hide navigation user-interface on mobile devices, Toggle fullscreen on a image with jQuery, and much more. -
9
easy-canvas
easy-canvas is a powerful tool helps us easy to layout with canvas
...Support componentization, global components, and local components. High performance, scroll-view supports dirty rectangles, and only draws the visible part. Support element operation, similar to operation dom to modify document flow. -
Run Any Workload on Compute Engine VMsCompute 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.
-
10
Hint.css
A CSS only tooltip library for your lovely websites
...Upgrading from v1.x, If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. All you need to do is give your element any position class and tooltip text using the aria-label attribute. Note, if you don't want to use aria-label attribute, you can also specify the tooltip text using the data-hint attribute, but its recommended to use aria-label in support of accessibility. If you are already using v1.x, you may need to tweak certain position classes because of the way tooltips are positioned in v2. -
11
node-html-pdf
HTML to PDF converter that uses phantomjs
...You can either set a default header & footer or overwrite that by appending a page number (1 based index) to the id="pageHeader" attribute of an HTML tag. You can use any combination of those tags. The library tries to find any element, that contains the page header or pageFooter id prefix. The full options object gets converted to JSON and will get passed to the phantomjs script as third argument. There are more options concerning the paperSize, header & footer options inside the phantomjs script. -
12
dialog-polyfill.js
Polyfill for the HTML dialog element
...It can work when used inside Shadow DOM, but it's not recommended. The major limitation of the polyfill is that dialogs should not have parents that create a stacking context. The easiest way to solve this is to move your dialog element to be a child of body. -
13
jsInputFormatter
Simple Input Formatter for Javascript
jsInputFormatter is a easy way to format HTML inputs with masks. Syntax: import the jsInputFormatter.js set the function below on oninput event to input format. inputFormatter(event,mask) event: element input event mask: String with mask # - Any valid number * - Anything Others characters don't change inputDecimalFormatter(event,decimal) event: element input event decimal: Integer number with decimal Example 1 - Credit Card: Credit Card #### #### #### #### <input id="cartao" type="text" oninput="inputFormatter(event,'#### #### #### ####')"/> Example 2 - Phone number: Brazil Phone number (##)*####-#### <input id="phone" type="text" oninput="inputFormatter(event,'(##)*####-####')"/> Example 3 - Decimal number : Decimal 0.00 <input id="valor" type="number" oninput="inputDecimalFormatter(event,2)" value='0.00'/> -
14
NES.css
NES-style CSS Framework
NES.css is a NES-style(8bit-like) CSS Framework. NES.css is available via either npm (preferred), Yarn, or a CDN. Our package.json contains some additional metadata under the following keys, path to our main Sass source file, path to our non-minified CSS. NES.css doesn't provide any fonts, but we do maintain the following list of fonts that we recommend for usage alongside the library. NES.css only provides components. You will need to define your own layout. The recommended font for NES.css... -
15
DropCSS
An exceptionally fast, thorough and tiny unused-CSS cleaner
DropCSS takes your HTML and CSS as input and returns only the used CSS as output. Its custom HTML and CSS parsers are highly optimized for the 99% use case and thus avoid the overhead of handling malformed markup or stylesheets, so well-formed input is required. There is minimal handling for complex escaping rules, so there will always exist cases of valid input that cannot be processed by DropCSS; for these infrequent cases, please start a discussion. While the HTML spec allows html, head,... -
16
turretcss
Turret is a styles and browser behaviour normalisation framework
...Added utility classes for the cursor property. A generic group behavior to align and space between like items within lists. Globally set box shadows with size variants to set on any element easily with utility classes. PostCSS with postcss-preset-env to write tomorrow's CSS spec today with the polyfills you need. Designed for speed turretcss is designed to make responsive, accessible, and scalable CSS development simple, and predictable. Write clean, simple, and modern HTML & CSS with intuitive size and style utilities with PostCSS and postcss-preset-env. -
17
undom
1kb minimally viable DOM Document implementation
...A proper implementation of this would be cumbersome to maintain and would rely heavily on getters and setters, which limits browser support. Below is a simple recipe for serializing an undom Element (Document, etc) to HTML. -
18
Isotope
Filter and sort layouts
Include the Isotope .js file in your site. Isotope works on a container element with a group of similar child items. All sizing of items is handled by your CSS. You can use Isotope as a jQuery plugin. You can use Isotope with vanilla JS. You can initialize Isotope in HTML, without writing any JavaScript. All options are optional, but itemSelector is recommended. Layout modes have their own separate options. -
19
React HTML Parser
Converts HTML strings directly into React components
Utility for converting HTML strings into React components. Converts standard HTML elements, attributes and inline styles into their React equivalents and provides a simple way to modify and replace the content. It is important to understand that this library should not be used as a direct replacement for using properly sanitized HTML and that it only provides the same level of protection that React does which does not provide 100% protection. All HTML should be properly sanitized using a... -
20
driveway
Pure CSS masonry layouts
...Clusters and segments are most likely the trickiest part of creating a layout with a driveway. Clusters are used to break up the layout flow a little more and enhance the masonry effect that's desired. The focus curtain is an optional element. It is required though if you wish to use the focus modifier on any of your panels. This is because driveway makes use of CSS sibling combinator syntax in order to give off the desired effect. -
21
Flex Layout Attribute (FLA)
HTML layout helper based on CSS flexbox specification
...FLA is built with Gulp but you can download and include 'sass' folder in your preferable build setup (grunt, webpack, etc.) FLA is defined with two custom HTML attributes. Layout, use it on the container (parent) element to set layout of its children elements. And self, use it on container/child element to set size or align for the element itself. -
22
HTML5 Placeholder jQuery Plugin
A jQuery plugin that enables HTML5 placeholder behavior for browsers
HTML5 Placeholder jQuery Plugin is a jQuery plugin that enables HTML5 placeholder behavior for browsers that aren’t trying hard enough yet. You’ll still be able to use jQuery.val() to get and set the input values. If the element is currently showing a placeholder, .val() will return an empty string instead of the placeholder text, just like it does in browsers with a native @placeholder implementation. Calling .val('') to set an element’s value to the empty string will result in the placeholder text (re)appearing. The plugin automatically adds class="placeholder" to the elements that are currently showing their placeholder text. ... -
23
A full-featured lightweight wrapper library of the native html canvas element written in Javascript, aimed to make visualization and animation using canvas simpler. Features animation support, layers, event capture, multitouch and many examples.
-
24
This is an online html form generator written in PHP that can be used for creating forms online. You can add and modify html element attributes. On the left is a tree for the order, in the middle a preview, on the right fields for modifying elements
-
25
Web Content Management Element (WCME) is an editable area on browser page. User can change text and text styles (CSS) then persistently save changed content into web application resources. WCME is written on Javascript with Prototype.js library.
