Search Results for "element" - Page 3
Sort By:
Showing 150 open source projects for "element"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
1
metismenu
A collapsible jQuery menu plugin
A collapsible jQuery menu plugin. This version does not support any version of IE browser. Setting aria-disabled="true" in the <a> element as shown will stop metisMenu from opening the menu for that particular list. -
2
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name `sync`. Each path element is drawn one after the other. This animation gives the best impression of live drawing. To give more freedom, it's possible to override the animation of each path and/or the entire SVG. ... -
3
jquery-jeditable
jQuery edit in place plugin. Extendable via plugin architecture
jQuery edit-in-place plugin. Extendable via plugin architecture. Plugins for plugin. Really. Bind it to an element on the page, and when clicked the element will become a form that will be sent by asynchronous (ajax) POST request to a URL. Works with text inputs, textarea, select, date picker, and more… Comes with a ton of different options you can use to do exactly what you want. -
4
vue2-manage
A admin template based on vue + element-ui
vue2-manage showcases an admin dashboard built with Vue 2, demonstrating how to design and organize a multi-section management console. It includes common admin patterns such as authentication gates, tables, charts, forms, pagination, and search to support day-to-day operations. The project emphasizes clear layout hierarchies, navigation systems, and reusable UI primitives that keep large interfaces consistent. It provides examples of CRUD workflows and data validation so teams can quickly... -
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.
-
5
vue-observe-visibility
Detect when an element is becoming visible or hidden on the page
vue-observe-visibility is a Vue plugin that detects when an element or component becomes visible or hidden in the browser viewport. It exposes the v-observe-visibility directive, which calls a user-defined function whenever visibility changes. The callback receives a Boolean visibility state and the corresponding IntersectionObserverEntry object. Developers can configure the observer root, root margin, and visibility threshold through standard Intersection Observer options. -
6
document-register-element
A stand-alone working lightweight version of the W3C
document-register-element is a lightweight polyfill that brought Custom Elements APIs to browsers without complete native support. It supports both the older V0 model and much of the V1 specification, including autonomous elements and customized built-in elements. Developers can define components with lifecycle callbacks that respond to creation, connection, removal, and observed attribute changes. -
7
lax.js
Library to create smooth & beautiful animations when you scroll
...Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. To increase performance, lax.js indexes the list of elements to animate when the page loads. ... -
8
CYBR-SUITE
Remote Scrum Communication & Collaboration Suite :: Scrum Board & co
The CYSU CYBR-SUITE is a remote Scrum solution with advanced, unique communication capabilities - the CFLX. 1. Sprint Vision Boards → clear OKRs 2. User-Story-Templates 3. Requirement-Templates, 4. Product-Backlog-Item's & Task's assessments, 5. Personality assessments, ...these mandatory ways to add more context & breaking-down complexity enable a better overview and a better understanding - for man and machine... ...based on the standardized structure of the DATA WE ARE NOW... -
9
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. ... -
$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.
-
10
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. -
11
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. ... -
12
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. -
13
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. -
14
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. -
15
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. -
16
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. -
17
Chardin.js
Simple overlay instructions for your apps
...This will shift the tooltip to be twice farther away from the element than by default. -
18
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'/> -
19
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... -
20
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... -
21
rangeslider.js
HTML5 input range slider element polyfill
Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element. -
22
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,... -
23
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... -
24
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. -
25
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.