Open Source JavaScript HTML/XHTML Software
Sort By:
JavaScript HTML/XHTML Software
View 61 business solutionsBrowse free open source JavaScript HTML/XHTML Software and projects below. Use the toggles on the left to filter open source JavaScript HTML/XHTML Software by OS, license, language, programming language, and project status.
-
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.
-
Our Free Plans just got better! | Auth0You 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.
-
1
tabler
Tabler is free and open-source HTML Dashboard UI Kit
Tabler is fully responsive and compatible with all modern browsers. Thanks to its modern, user-friendly design you can create a fully functional interface that users will love! Choose the layouts and components you need and customize them to make your design consistent and eye-catching. Every component has been created with attention to detail to make your interface beautiful! We've created this admin panel for everyone who wants to create templates based on our pre-made components. Our mission is to deliver a user-friendly, clear and easy administration panel that can be used by both simple websites and sophisticated systems. The only requirement is basic HTML and CSS (and some Liquid) knowledge, as a reward, you'll be able to manage and visualise different types of data in the easiest possible way! With the support for mobile, tablet and desktop displays, it doesn’t matter what device you’re using. Tabler is responsive in all major browsers. -
2
CKEditor 5
Powerful rich text editor framework with a modular architecture
CKEditor 5 is a powerful rich text editor framework with a modular architecture, modern integrations, and features like collaborative editing. CKEditor 5 provides every type of WYSIWYG editing solution imaginable. From editors similar to Google Docs and Medium, to Slack or Twitter like applications, all is possible within a single editing framework. Builds are ready-to-use solutions to common editing needs. Every build can be customized to include a completely custom set of features. Features are flexible. You can write a custom feature once, and reuse it everywhere! CKEditor 5 is an ultra-modern JavaScript rich text editor with MVC architecture, custom data model and virtual DOM. It is written from scratch in ES6 and has excellent webpack support. Native integrations with Angular, React and Vue.js are available for your convenience. Building a mobile or cross-platform desktop application with JavaScript? CKEditor 5 is compatible with Electron and mobile devices (Android, iOS). -
3
Twemoji
Simple library that provides standard Unicode emoji for all platforms
Twitter’s open source emoji has you covered for all your project's emoji needs. With support for the latest Unicode emoji specification, featuring 3,245 emojis, and all for free. As an open source project, attribution is critical from a legal, practical and motivational perspective in our opinion. The graphics are licensed under the CC-BY 4.0 which has a pretty good guide on best practices for attribution. Although there are two kinds of parsing supported by this utility, we recommend you use DOM parsing, explained below. Each type of parsing accepts a callback to generate an image source or an options object with parsing info. The second kind of parsing is string parsing. This is unrecommended because this method does not sanitize the string or otherwise prevent malicious code from being executed; such sanitization is out of scope. -
4
CoreUI
Open Source UI Kit built on top of Bootstrap 5 and plain JavaScript
CoreUI Admin Panel is not another blend of 3rd parties free components and libraries. It's the only Open Source Bootstrap Admin Dashboard Template built on the enterprise-grade hand-crafted UI Components Library created and backed by professionals. CoreUI and CoreUI PRO are delivered with fully-featured, and ready-to-use admin panel templates for your application. Save thousands of development hours by using ready-made, reusable, and commonly used widgets and UI components. Moreover, CoreUI Bootstrap Admin Template is delivered with a ready-to-use environment, so you don't have to waste time configuring the project. All build scripts and tools are ready to use out of the box. With CoreUI Template you can start a new project in a minute! -
No-Nonsense Code-to-Cloud Security for Devs | AikidoAikido provides a unified security platform for developers, combining 12 powerful scans like SAST, DAST, and CSPM. AI-driven AutoFix and AutoTriage streamline vulnerability management, while runtime protection blocks attacks.
-
5
layui
Classic modular front-end UI framework
Created by professional front-end, for full-level front-end and back-end developers, a low-threshold, out-of-the-box front-end UI solution. Layui (homonym: UI-like) is a front-end UI framework written with its own module specifications, following the writing and organization of native HTML/CSS/JS, with a very low threshold and ready to use. Its exterior is minimalist, but it does not lose its fullness. The volume is light and the components are abundant. Every detail from the core code to the API has been carefully crafted, which is very suitable for the rapid development of the interface. The first version of layui was released in the golden autumn of 2016. It is different from those UI frameworks based on the underlying MVVM. -
6
Bootstrap 5 UI KIT
Bootstrap 5 & Material Design 2.0 UI KIT
Trusted by 2 000 000+ developers & designers. Used by companies & institutions. Super simple, 1 minute installation. Detailed docs & practical examples. Lots of tutorials. Plain JavaScript (but works also with jQuery). Huge and active community. MIT license, free for personal & commercial use. Simplicity and ease of use are key features of MDB 5 UI Kit. You need only one minute to install and run it. A slideshow component for cycling through elements, images or slides of text, like a carousel. Use MDB custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. Indicate the loading state of a component or page with MDB spinners, built entirely with HTML, CSS, and no JavaScript. A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. -
7
HTMLHint
The static code analysis tool you need for your HTML
Static code analysis tool you need for your HTML. By default, htmlhint looks for a .htmlhintrc file in the current directory and all parent directories and applies its rules when parsing a file. -
8
Pico.css
Minimal CSS Framework for semantic HTML
Minimal CSS Framework for semantic HTML. Elegant styles for all native HTML elements without .classes and dark mode automatically enabled. Pico uses simple native HTML tags as much as possible. Less than 10 .classes are used in Pico. No dependencies, package manager, external files, or JavaScript. Elegant and consistent adaptive spacings and typography on all devices. Shipped with two beautiful color themes, automatically enabled according to the user preference. We use simple native HTML tags as much as possible. Less than 10 .classes are used in Pico. No dependencies, package manager, external files, or JavaScript. Elegant and consistent adaptive spacings and typography on all devices. Shipped with two beautiful color themes, automatically enabled according to the user preference. A classic company or blog layout with a sidebar. A simple layout for Google Amp, with inlined CSS. -
9
RuoYi
The warehouse's SpringBoot-based rights management system
The warehouse's SpringBoot-based rights management system is easy to read and understand, and the interface is simple and beautiful. The core technology uses Spring, MyBatis, and Shiro without any other heavy dependencies. I have always wanted to make a background management system, and I have seen many excellent open source projects but found no suitable ones. So I started to write a background system in my spare time. So there is Zoe. She can be used for all web applications, such as website management background, website member center, CMS, CRM, OA. All front-end and back-end codes are very compact and easy to use after encapsulation, and the probability of errors is low. Also supports mobile client access. The system will continue to update some useful functions. The user is the system operator, and this function mainly completes the system user configuration. Configure the system organization (company, department, group). -
Photo and Video Editing APIs and SDKsUnlock Picsart's full editing suite by embedding our Editor SDK directly into your platform. Offer your users the power of a full design suite without leaving your site.
-
10
Vanilla Framework
From community websites to web applications, this CSS framework
Backed by open-source code and written in Sass by the Canonical Web Team. Vanilla contains a responsive CSS grid, basic style for HTML elements and a selection of key useful patterns and utility classes that you can extend. Designed to be composable, you can include the whole framework to avail of all styles or you can use only what you need for your project. Anyone can contribute to Vanilla, improve it and extend it. All the code is available on GitHub and is licensed under LGPLv3 by Canonical. -
11
D3
Bring data to life with SVG, Canvas and HTML
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. For example, you can use D3 to generate an HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction. D3 is not a monolithic framework that seeks to provide every conceivable feature. Instead, D3 solves the crux of the problem: efficient manipulation of documents based on data. This avoids proprietary representation and affords extraordinary flexibility, exposing the full capabilities of web standards such as HTML, SVG, and CSS. -
12
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. We recommend always setting itemSelector. itemSelector is useful to exclude sizing elements or other elements that are not part of the layout. If you want to use Isotope to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary. If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Isotope under the terms of the GPLv3. -
13
Juice
Juice inlines CSS stylesheets into your HTML source
Given HTML, juice will inline your CSS properties into the style attribute. Juice has a number of functions based on whether you want to process a file, HTML string, or a cheerio document, and whether you want the juice to automatically get remote stylesheets, scripts, and image dataURIs to inline. To inline HTML without getting remote resources, using default options. Juice is exposed as a standard module, and from CLI with a smaller set of options. -
14
AmplitudeJS
Open Source HTML5 Web Audio Library
Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies are required. AmplitudeJS is a lightweight JavaScript library that allows you to control the design of your media controls in your webpage, not the browser. No dependencies (jQuery not required). AmplitudeJS is available under the MIT License. Open-source software is not sustainable without proper financial support. Maintaining an open-source project takes a lot of effort and resources. If you are very thankful for what you can do with AmplitudeJS or if you are using AmplitudeJS to make any sort of revenue, we kindly ask that you contribute any resources available to keep the community growing. Autogenerate waveforms and visualizations using the Web Audio API. Public functions for unlimited control! All of our example players have the code available on our "AmplitudeJS Example Players" repository. -
15
7.css
A JS-independent, tree-shakeable CSS framework
7.css is a CSS framework for building interface components that look like Windows 7. It is built on top of the GUI backbone of XP.css, which is an extension of 98.css. This framework relies on the usage of semantic HTML. To make a button, you'll need to use a button. Input elements require labels. Tabs rely on the role="tab" attribute. This page will guide you through that process, but accessibility is a primary goal of this project. It does not ship with any JavaScript, so it is compatible with your frontend framework of choice. -
16
Gutenberg Typography Kit
A meaningful web typography starter kit
Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line height (leading), and measure (max-width). Gutenberg is a work-in-progress project by Matej Latin that brings meaning and craftsmanship to web typography. The reader should be able to read the message of a text easily and comfortably. This depends to a not inconsiderable extent on the size of the type, the length of the lines and the leading. Gutenberg sets the baseline grid to establish a proper vertical rhythm and makes sure all elements fit into it. It sets up the macro typography so you can focus on the micro–typographic details. All calculations in Gutenberg depend on base type size and line-height. Multiplication of these two results in leading which is essential for setting a correct vertical rhythm and a baseline grid. -
17
LaTeX.CSS
LaTeX.css is a library that makes your website look like a LaTeX doc
This almost class-less CSS library turns your HTML document into a website that looks like a LATEX document. Write semantic HTML, and you are good to go. The source code can be found on GitHub. LaTeX.css is a minimal, almost class-less CSS library that makes any website look like a LaTeX document. Add any optional classes to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). The labels of theorems, definitions, lemmas and proofs can be changed to other supported languages by including the snippet provided in addition to the main CSS file. Sidenotes can be used as an alternative to footnotes, where the user does not have to jump to the bottom of the page to read it. On mobile, click the superscript to reveal the note. Add a class of left to the span with the sidenote class to make the note appear on the left side of the page on instead of right. -
18
List.js
Library for adding search, sort, filters and flexibility to tables
Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything. List.js can be used in three different ways. It can be on existing HTML, it can create it's own HTML or a combination of both methods. Works both lists, tables and almost anything else. E.g. <div>,<ul>,<table>, etc. Simple templating system that adds possibility to add, edit, remove items. Perfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML. Simple and invisible. Easy to apply to existing HTML. No dependencies. Fast, and tiny (5KB minified&gzip). It can handle thousands of items. It is easy to add search input and sort buttons with just a few classes and attributes in your HTML. ‘Automagical’ because List.js registers the event handlers, searches/sorts and updates the list for you. -
19
Marx
The classless CSS reset (perfect for Communists)
Marx is a CSS stylesheet to be used in any project (namely small ones). If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customized and styled through the use of HTML classes. Built atop of Sanitize.css, meaning all browsers render consistently. Responsive and mobile-friendly. Clean, beautiful typography. Forms, tables, buttons and navigation. Zero classes, so it already works with your HTML. Drop-dead gorgeous. -
20
Mavo
Create web applications entirely by writing HTML and CSS
Create complex, reactive, persistent web applications by just writing HTML & CSS, without a single line of JavaScript and no server backend. Developed in the Haystack Group at MIT CSAIL and led by Lea Verou. Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data. Store data in the cloud, locally, or not at all by just changing an HTML attribute. Edit data right on the website, with an intuitive, auto-generated, customizable interface. No more wrestling with CMSes and servers! Multimedia uploads to your page via drag & drop, pasting, or browsing, without a single line of code. Perform calculations right in the HTML, that update when needed. No need to write JavaScript! Mavo uses familiar HTML-based syntax and can be used even by people with no programming experience. This is not wishful thinking; it’s published, peer-reviewed research. -
21
interactive-examples
Home of the MDN live code editor interactive examples
Home of the MDN interactive code examples. The dynamically generated pages, their dependencies, and assets are generated to the prod branch. -
22
turretcss
Turret is a styles and browser behaviour normalisation framework
Developed for design, turretcss is a styles and browser behavior normalization framework for the rapid development of responsive and accessible websites. Newly added features include: increasing the size scale, adding sizes for display title and lead, generic group styles, and box-shadow utility classes. 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. -
23
Bootflat
Flat UI KIT based on Bootstrap 3.3.0 CSS framework
Bootflat is built on the foundations of Bootstrap, visioned in a stunning flat design. Bootstrap itself is a trusted, reliable and proven tool for developers. Built with Sass 3.4.9. Bootflat is built on Bootstrap 3.3.0: the sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development. Bootflat's components are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout. Bootflat also comes with several splendid color schemes built-in, and allows for easy customization. Bootflat uses lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down. Bootflat is fully responsive, built for mobile-first in mind. It provides off-screen navigation, and almost all the widgets are compatible with all screen sizes. Bootflat UI Kit is PSD User Interface Pack including a set of beautiful and pure components, which you can use to create startup projects, websites or iOS/Android Apps. -
24
Bootstrap Native
If you are looking for Bootstrap without jQuery, this is it.
The lighter and more compact set of JavaScript components for Bootstrap is sourced with a modern ES6+ codebase and strong TypeScript definitions. At about half the size of the original and around 12kb gZipped, this library does most of Bootstrap & Popper combined. We launched the project back in 2015 with the goal of debunking the "write less do more" myth, meanwhile the Bootstrap developers themselves have decided to drop jQuery, however, we decided to keep maintaining the project for its many benefits and the learning experience. If you mainly use Bootstrap plugins for your projects, why not use a much lighter, potentially faster library, see a different perspective on the same challenges, interact with a less crowded community, and get a better chance to learn or say hi! The Alert component covers the specific original events and public methods, but just like the original plugin, does not provide any initialization option. -
25
Klipse
Klipse is a JavaScript plugin for embedding interactive code snippets
Klipse is a JavaScript plugin for embedding interactive code snippets in tech blogs. Technically, Klipse is a small piece of JavaScript code that evaluates code snippets in the browser and it is pluggable on any web page. The klipse plugin is a JavaScript tag that transforms static code snippets of an HTML page into live and interactive snippets. If you want to integrate Klipse inside a Clojurescript project, it is recommended to consume Klipse as a Clojurescript library like any other Clojurescript lib. The Klipse plugin can be easily styled with CSS, which can be applied both to the Klipse plugin's own elements, and to the CodeMirror editor's elements. Much of the styling you'll apply will be to CodeMirror, as it contains all the CSS classes to style the code itself. Surrounding CodeMirror is the Klipse plugin, the styles of which control the plugin's borders, and the executed code's output.
