Search Results for "element" - Page 3
Sort By:
Showing 141 open source projects for "element"
View related business solutions-
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.
-
Build on Google Cloud with $300 in Free CreditStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query exabytes in BigQuery, or build AI apps with Vertex AI and Gemini. Once your credits are used, keep building with 20+ products with free monthly usage, including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. Sign up to start building right away.
-
1
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. -
2
Dragula
Drag and drop so simple it hurts
...You provide one or more container elements and it handles all the DOM event wiring so users can drag items within and between containers with natural behavior. By default, any element in those containers can be picked up and dropped in any other container in the group, with sensible rules for what happens if the item is dropped elsewhere. The library includes configuration hooks for customizing what counts as a valid container, whether items are movable, where they can be dropped, and how they behave when “spilled” outside of containers. ... -
3
jwl-library
JWL - The JavaScript Widget Library
The JavaScript Widget Library (JWL) is a tool that allows you to build modern web applications by providing a simple way to create HTML components. JWL is based on JUL - The JavaScript UI Language module and it easily integrates with JUL Designer. -
4
C3.js
A D3-based reusable chart library
C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. C3 provides a variety of APIs and callbacks to access the state of the chart. By using them, you can update the chart even after it's rendered. C3 enables deeper integration of charts into your application. Because of the dependence on D3, C3 supports only modern browsers D3 supports. ... -
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.
-
5
TextTailor.js
jQuery plugin, tailor made text to fill height of the parent element
Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn't fit. -
6
vue-admin-template
A vue2.0 minimal admin template
vue-element-admin is a production-ready front-end solution for admin interfaces. It based on vue and use the UI Toolkit element-ui. It is a minimal vue admin template with Element UI, axios, iconfont, permission control, and lint. The current version is v4.0+ build on vue-cli. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli. -
7
jQuery Fullscreen Plugin
Plugin provides a simple to use mechanism to control fullscreen mode
...Currently, only newer Webkit-based browsers (Like Chrome and Safari), Firefox and IE11+ provide this new fullscreen feature. Simply pass no argument to the fullScreen method to query the current state. The method returns the current fullscreen element (or true if browser doesn't support this) when fullscreen mode is active, false if not active or null when the browser does not support fullscreen mode at all. So you can use this method also to display a fullscreen button only when the browser supports fullscreen mode. -
8
Milligram
A minimalist CSS framework
...Now you should add the main file of the Milligram and the CSS Reset in the header of your project. Just that! The Button, an essential part of any user experience. Buttons come in three basic styles in Milligram: The button element has flat color by default, whereas .button-outline has a simple outline around, and .button-clear is entirely clear. The List is a very versatile and common way to display items. Milligram has three types of lists. -
9
cube-ui
Mobile UI library implement by Vue
...Lightweight and flexible, support post-compile and importing on demand; High scalability, it is easy to implement secondary development based on existing components. By API invoking, the popup layer is attached to body element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like transform, overflow, etc. -
99.99% Uptime for MySQL and PostgreSQL on Google CloudCloud SQL Enterprise Plus gives you a 99.99% availability SLA with near-zero downtime maintenance—typically under 10 seconds. Get 2x better read/write performance, intelligent data caching, and 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server with built-in vector search for gen AI apps. New customers get $300 in free credit.
-
10
Chardin.js
Simple overlay instructions for your apps
...This will shift the tooltip to be twice farther away from the element than by default. -
11
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'/> -
12
Headroom.js
Give your pages some headroom, hide your header until you need it
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. Large screens are usually... -
13
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... -
14
rangeslider.js
HTML5 input range slider element polyfill
Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element. -
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
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to... -
17
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. -
18
Slinky
A light-weight, responsive, mobile-like navigation menu plugin
A light-weight, responsive, mobile-like navigation menu plugin -
19
Shards UI
Bootstrap 4 UI kit packed with extra templates and components
...Shards comes packed with 10 extra custom components that help to cover almost any type of interface requirements and also 2 custom pre-built landing pages. Icons from both Material and Font Awesome packs (1500+) are supported by default and can be placed in almost any element without the need of adjusting the kit. -
20
Element React
Element UI
...Online theme roller, visualize custom and manage site themes and component styles. Download relevant design resources to shape a prototype or draft, increasing design efficiency. Element was initially written in Vue, which has many elegant UI components, but we also love React, so we forked it for the React community. It is recommended to use npm to install, it can be better used with webpackpackaging tools. Before starting, you also need a theme package, which we recommend here element-theme-default. -
21
DateTimePicker
Responsive jQuery DateTime Picker plugin for Web & Mobile
...Users can change values using +/- buttons or type values directly into the textbox by selecting each value field. For the web, the picker can be bound relative to the reference element, were it will appear at the bottom of the element. For mobile, the picker can appear as a dialog box covering the entire window. -
22
Nightwatch VRT
Visual Regression Testing tools for nightwatch.js
Nightwatch Visual Regression Testing tools for nightwatch.js. Nightwatch VRT extends nightwatch.js with an assertion that captures a screenshot of a DOM element identified by a selector and compares the screenshot against a baseline screenshot. If the baseline screenshot does not exist, it will be created the first time you run the test and the assertion will pass. -
23
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation... -
24
Ant Motion
Animate specification and components of Ant Design
Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different... -
25
Gemini
Utility for regression testing the visual appearance of web pages
Gemini is a utility for regression testing the visual appearance of web pages. Each of the blocks that are being tested may be in one of the determined states. States are tested with the help of chains of step-by-step actions declared in a block's test suites.
