Search Results for "element"
Sort By:
Showing 34 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.
-
Cut Data Warehouse Costs up to 54% with BigQueryBigQuery delivers up to 54% lower TCO than cloud alternatives. Migrate from legacy or competing warehouses using free BigQuery Migration Service with automated SQL translation. Get serverless scale with no infrastructure to manage, compressed storage, and flexible pricing—pay per query or commit for deeper discounts. New customers get $300 in free credit.
-
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
Tabulator
Interactive tables and data grids for JavaScript
...Header filters and programmatic filters can be set independently allowing you to use a header filter to further restrict the rows shown in an already filtered data set. If an input element is used as the filter element, the table will be filtered in real-time as the user types in the input element. To prevent excessive redrawing of the table Tabulator will wait 300 milliseconds after the user has finished typing before triggering the filter. -
4
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. -
$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.
-
5
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... -
6
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. -
7
Serialize JavaScript
Serialize JavaScript to a superset of JSON
...A primary feature of this package is to serialize code to a string of literal JavaScript which can be embedded in an HTML document by adding it as the contents of the script element. In order to make this safe, HTML characters and JavaScript line terminators are escaped automatically. -
8
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. -
9
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. ... -
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.
-
10
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. -
11
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. -
12
render-async
render_async lets you include pages asynchronously with AJAX
...JavaScript is injected straight into <%= content_for :render_async %> so you choose where to put it. Advanced usage includes information on different options. render_async renders an element that gets replaced with the content of your request response. In order to have more control over the element that renders first (before the request), you can set the ID of that element. -
13
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. -
14
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. -
15
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. -
16
jQuery Form
jQuery form plugin
...The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn’t get any easier than this! When this form has been submitted the name and comment fields will be posted to comment.php. If the server returns a success status then the user will see a “Thank you” message. ... -
17
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'/> -
18
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... -
19
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,... -
20
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. -
21
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. -
22
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. -
23
jQuery Ajax File Uploader Widget
Lightweight and very configurable jQuery plugin
...The idea is to keep it simple and lightweight. Basic Javascript knowledge is necessary to setup this plugin: how to set settings, callback events, etc. Initialize the plugin on any HTML element such as: <div /> to provide a Drag and drop area. All <input type="file"/> inside the main area element will be bound too. Optionally you can bind it directly to the <input />. Files will start uploading right after they are added. If using the queue system this option means the queue will start automatically after the first file is added. -
24
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... -
25
heml
HEML is an open source markup language for building responsive email
HEML is an open source markup language for building responsive email. It gives you the native power of HTML without having to deal with all of the email quirks. HEML makes building emails as easy as building websites. Do you know HTML and CSS? Check out our docs and you're off to the races! No special rules or styling paradigms to master. HEML is designed to take advantage of all that email can do while still providing a solid experience for all clients. You can create your own powerful...
