Showing 242 open source projects for "open element"

View related business solutions
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • Our Free Plans just got better! | Auth0 Icon
    Our Free Plans just got better! | Auth0

    With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

    You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
    Try free now
  • 1
    A Netflix film cover generator Nuxt.js

    A Netflix film cover generator Nuxt.js

    A tool for generating Netflix show image

    ...We thought that helping Netflix on their UI/UX testing with a tool that can create show images easily with an export function to png. A tool for generating Netflix shows an image. You can visit the demo website hosted on Netlify. This is an open-source tool and it is available on Github. On this tool you have a full editable canvas where you can edit content, text position, text dimension, gradient position and change the background image. In order to change the element position you can just click and drag anywhere. Meanwhile, if yuo want to change the content inside an element you need to double-click on it. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    lax.js

    lax.js

    Library to create smooth & beautiful animations when you scroll

    Simple & lightweight (<4kb gzipped) vanilla JavaScript 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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    vue-element-admin

    vue-element-admin

    A magical vue admin

    vue-element-admin is a production-ready front-end solution for admin interfaces. It is based on value and uses the UI Toolkit element-ui. vue-element-admin is based on the newest development stack of vue and it has a built-in i18n solution, typical templates for enterprise applications, and lots of awesome features. It helps you build large and complex Single-Page Applications. I believe whatever your needs are, this project will help you. You need to install node and git locally. The...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 4
    Dragula

    Dragula

    Drag and drop so simple it hurts

    Dragula is a lightweight JavaScript library that makes drag-and-drop between containers in the browser extremely simple. 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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Forever Free Full-Stack Observability | Grafana Cloud Icon
    Forever Free Full-Stack Observability | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 5
    jwl-library

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    C3.js

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    vue-admin-template

    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. If you want router permission && generate menu by user roles , you can use this branch permission-control. For...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 8
    Epub.js

    Epub.js

    Enhanced eBooks in the browser

    Epub.js is an open-source Javascript library that allows any web page to render Epub documents on any device with a modern browser. Epub.js contains a flexible rendering engine and provides a simple interface for common ebook functions such as styling, persistence and pagination. We release and maintain Epub.js on GitHub, with a growing developer community. Just include a single javascript file, and pointing it at a hosted epub. Epub.js provides an interface for common ebook functions (such...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 9
    Milligram

    Milligram

    A minimalist CSS framework

    Milligram provides a minimal setup of styles for a fast and clean starting point. Just it! Only 2kb gzipped! It's not about a UI framework. Specially designed for better performance and higher productivity with fewer properties to reset resulting in cleaner code. Hope you enjoy it! There are some ways to get started. First, see all download options available below, then choose the most suitable option for your need. Now you should add the main file of the Milligram and the CSS Reset in the...
    Downloads: 4 This Week
    Last Update:
    See Project
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build, govern, and optimize agents and models with Gemini Enterprise Agent Platform.
    Start Free
  • 10
    jQuery Fullscreen Plugin

    jQuery Fullscreen Plugin

    Plugin provides a simple to use mechanism to control fullscreen mode

    This jQuery plugin provides a simple-to-use mechanism to control the new fullscreen mode of modern browsers. 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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    Date Range Picker

    Date Range Picker

    JavaScript date range, date and time picker component

    Date Range Picker is a customizable date range, date and time picker component. Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Features...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    cube-ui

    cube-ui

    Mobile UI library implement by Vue

    cube-ui is an elegant mobile component library based on Vue.js. From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 13
    Chardin.js

    Chardin.js

    Simple overlay instructions for your apps

    Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour. Add the instructions to your elements. Text to show with the instructions/tooltip. data-position: (left, top, right, bottom), where to place the text with respect to the element. In addition, you can alter the relative position of the tooltip text by placing a colon and a percentage value (-100 to 100) after the position text, eg...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14

    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 #### #### ####...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    CSS Element Queries

    CSS Element Queries

    High-speed element dimension/media queries in valid css

    An event-based CSS element dimension query library with valid CSS selector syntax to change styles and allow responsive images based on element's dimensions and not window's viewport. Download the zip file using the buttons on the right side and include both files at the head section of your page. ElementQueries start automatically to listen to window.load event and parses all available css files to attach the ResizeSensor and start the magic. No interval/timeout detection like in most...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    Ganja.js

    Ganja.js

    Javascript Geometric Algebra Generator for Javascript, c++

    Ganja.js is a Geometric Algebra code generator for javascript. It generates Clifford algebras and sub-algebras of any signature and implements operator overloading and algebraic constants. Mathematically, an algebra generated by ganja.js is a graded exterior (Grassmann) algebra (or one of its subalgebras) with a non-metric outer product, extended (Clifford) with geometric and contraction inner products, a Poincare duality operator and the main involutions and morphisms. Technically, ganja.js...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    Headroom.js

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    EMBL-EBI Icon fonts

    EMBL-EBI Icon fonts

    A collection of functional and scientific icons for EMBL-EBI sites

    Reference the fonts.css stylesheet automatically loads a range of icon fonts that you can use. Icons are added automatically through CSS using the :before feature in CSS, so they will appear before whatever piece of text you associate them with. To make this association, you need to include particular class and data-icon attributes in the relevant HTML element. This version brings the most user-facing changes in several years as we've added in far more "common" icons and simplified the font...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    NES.css

    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...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 20
    Twitter-Post-Fetcher

    Twitter-Post-Fetcher

    Fetch your twitter posts without using the new Twitter 1.1 API

    Allows you to get your tweets displayed on your website using JavaScript, without using new Twitter 1.1 API. Recently I was quite frustrated to find out that the old API on Twitter was depreciated and the overhead in setting up a system to perform OAUTH just to get my already publicly available tweets was too damn high. Even worse I couldn't find any simple solutions for JavaScript. All code examples were server-side. So after much thinking, I invented the following solution. It makes use of...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 21
    rangeslider.js

    rangeslider.js

    HTML5 input range slider element polyfill

    Simple, small and fast jQuery polyfill for the HTML5 <input type="range" slider element.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    DropCSS

    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,...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Zdog

    Zdog

    Flat, round, designer-friendly pseudo-3D engine for canvas & SVG

    Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. Zdog is friendly. Modeling is done with a straight-forward declarative API....
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    Cropper

    Cropper

    jQuery image cropping plugin

    Cropper is a powerful and flexible JavaScript image cropping library designed to bring rich, interactive cropping functionality to web applications with minimal setup. It provides users with an intuitive interface to select and adjust crop regions on images using drag-and-drop, zoom, rotate, and aspect-ratio controls, making it ideal for profile picture editors, photo upload tools, and content management interfaces. Developers can initialize Cropper on any <img> element and customize it with...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Raphaël

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
MongoDB Logo MongoDB