Open Source JavaScript Front-Ends
Sort By:
JavaScript Front-Ends
View 477 business solutionsBrowse free open source JavaScript Front-Ends and projects below. Use the toggles on the left to filter open source JavaScript Front-Ends by OS, license, language, programming language, and project status.
-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
Oruga UI
Oruga is a lightweight library of UI components without CSS framework
Oruga is a lightweight library of UI components without CSS framework dependency. CSS framework agnostic: No dependency on a specific CSS framework/library but you can easily integrate the components with one of them because they are fully customizable in different ways. Components with steroids: most of the components aren't a simple wrapper of native elements but they add new and custom features. Lightweight: no other internal dependency and import only components that you need. Oruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript. -
2
Redux-ORM
A small, simple and immutable ORM to manage relational data
A small, simple and immutable ORM to manage relational data in your Redux store. Redux-ORM is fast. All queries are lazily evaluated and come with built-in support for memorization. It provides a clean abstraction over low-level updates, protecting the state from accidental mutations. With nearly 100% branch coverage, the library is thoroughly tested to ensure rock-solid code quality. No matter where your data comes from, Redux-ORM will stay out of its way. Even a custom database layer is possible. Defining fields on a Model specifies the table structure in the database for that Model. In order to generate a description of the whole database's structure, we need a central place to register all Models we want to use. An instance of the ORM class registers Models and handles generating a full schema from all the models and passing that information to the database. Often you'll want to have a file where you can import a single ORM instance across the app. -
3
Redash
Connect to any data source, easily visualize and share your data
Redash is an essential tool to help you make sense of your data. It allows everyone, regardless of level of technical know-how to harness the power of data. SQL users connect, query, visualize and share data easily and efficiently, allowing everyone in their organization to use the data. Redash combines the power and comfort of an SQL client with the collaborative benefits of a cloud-based service. It lets you create big, beautiful and easy to digest visualizations on dashboards for better decision-making. Redash supports a multitude of SQL and NoSQL data sources, and can be extended to support even more. Best of all itβs open source, so you can customize and add features to suit your organizationβs needs perfectly. -
4
HTML5 Boilerplate
The webβs most popular front-end template
HTML5 Boilerplate is a popular and professional front-end template that lets you build fast, robust and adaptable web sites or applications. Itβs built with the combined knowledge and effort of hundreds of developers over a span of years, creating a powerful tool in one small package. HTML5 Boilerplate comes loaded with great features, such as HTML5 support, optimized Google Analytics snippet, jQuery and Modernizr, and so much more. It supports the latest and most popular browsers and does not impose a specific development philosophy or framework, so you can code any way you want. -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
Lightning Design System for React
Salesforce Lightning Design System for React
Accessible, localization-friendly, presentational React components. The Lightning Design System for React is an implementation of the Lightning Design System with accessible patterns and established best practices. The source code is licensed under BSD 3-Clause. For a no hassle setup and compatibility with Create React App, transpiled ES6 and CommonJS module versions have been included within the NPM package. If using this setup, please re-write the import statement in the documentation site examples. Advanced usage requires that your babel presets are set up correctly. create-react-app and environments that do not transpile code within node_modules are not compatible with the component import below. All the examples on the documentation site use this syntax. You can use the Babel preset, @salesforce/babel-preset-design-system-react, to get started. This preset will keep Babel compatible with Design System React and allow ES6 module benefits such as tree-shaking. -
6
AriaNg
A modern web frontend making aria2 easier to use
AriaNg is a modern web frontend making aria2 easier to use. AriaNg is written in pure html & javascript, thus it does not need any compilers or runtime environment. You can just put AriaNg in your web server and open it in your browser. AriaNg uses responsive layout, and supports any desktop or mobile devices. Sort tasks (by name, size, progress, remaining time, download speed, etc.), files, bittorrent peers. Search tasks, and retry tasks. Adjust task order by dragging. More information of tasks (health percentage, client information of bt peers, etc.). Filter files by specified file types (videos, audios, pictures, documents, applications, archives, etc.) or file extensions. Tree view for multi-directory task. Download / upload speed chart for aria2 or single task. Full support for aria2 settings. Less bandwidth usage, only requesting incremental data. -
7
Omi
Front end cross-frameworks framework
Omi (pronounced /ΛomΙͺ/) is cross-frameworks framework base on Web Component, you can also use omio compatible IE8+ with the same grammar. One framework, Mobile & desktop & mini program. Simply download and include with <script>. Omi will be registered as a global variable. If you need to be compatible with IE8+, you can choose omio, which has almost the same API as omi, and Omi will be registered as a global variable. Omi provides the official CLI. You don't need to learn how to configure webpack, Babel or TypeScript. CLI helps you configure everything and provides various templates for different project types. Pass data through the component tree without having to pass props down manually at every level by store, auto update the view on demand. Cross frameworks(react, preact, vue, angular), components of omi are pure custom elements. Excellent compatibility(IE8+) with omio and enhanced CSS, rpx unit support base on 750 screen width. -
8
react-native-picker-select
A Picker component for React Native for iOS and Android
A Picker component for React Native which emulates the native select interfaces for iOS and Android. For iOS, by default we are wrapping an unstyled TextInput component. You can then pass down styles to customize it to your needs. For Android, by default we are using the native Picker component. If you prefer, you can set useNativeAndroidPickerStyle to false, which will also render an unstyled TextInput component. You can then pass down styles to customize it to your needs. For either platform, you can alternatively pass down a child element of your choice that will be wrapped in a touchable area. The component defaults to using the native Android Picker in its un-selected state. Setting this flag to false will mimic the default iOS presentation where a tappable TextInput is displayed. -
9
react-scripts-ts
Create React apps using typescript with no build configuration
Create React apps using typescript with no build configuration. create-react-app now supports typescript natively - read the guide for adding typescript to existing projects. Create React apps (with Typescript) with no build configuration. In general, most upgrades won't require any migration steps to work, but if you experience problems after an upgrade, please file an issue, and we'll add it to the list of migration steps. Since 2.16.0, the template uses different tsconfig files for both development and production mode. For the latter, unfortunately, the path resolver is not smart enough to fall back to the basic tsconfig.json in case the expected tsconfig.prod.json is not present, so you have to create this file manually. Since 2.13.0, typescript is listed as a peer dependency of react-scripts-ts. For projects generated with at least this version, the init script takes care of properly installing it as dev dependency to the generated projects. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
AntD Admin
An excellent front-end solution for enterprise applications
An excellent front-end solution for enterprise applications. Internationalization, extracting translation fields from source code, loading language packs on demand. Dynamic permissions, different permissions for different menus. Elegant and beautiful, Ant Design system. Mock data, local data debugging. -
11
nippleJS
A virtual joystick for touch capable interfaces
A virtual joystick for touch-capable interfaces. Import it the way you want into your project. Your joystick's container has to have its CSS position property set, either absolute, relative, static. You can configure your joystick in different ways. The dom element in which all your joysticks will be injected. You can listen events both on the manager and all the joysticks. But some of them are specific to its instance. When listening on the manager, you can also target a joystick in particular by prefixing the event with its identifier. -
12
Note: This project is no longer maintained on Sourceforge. Information here has mostly been left for historical purposes. PLEASE REFER TO THE OFFICIAL PROJECT PAGE AT https://github.com/phppgadmin. Thank You! phpPgAdmin is a fully functional web-based administration utility for a PostgreSQL database server. It handles all the basic functionality as well as some advanced features such as triggers, views, and functions (stored procs)
-
13
marko
A declarative, HTML-based language that makes building web apps fun
A declarative, HTML-based language that makes building web apps fun. If you know HTML, CSS, and Javascript, you know Marko. Streaming, partial hydration, an optimizing compiler, & a small runtime. Start with simple HTML templates and add powerful components as needed. Marko is powering high-traffic websites like ebay.com. Marko is HTML re-imagined as a language for building dynamic and reactive user interfaces. Just about any valid HTML is valid Marko, but Marko extends the HTML language to allow building modern applications in a declarative way. Marko streams content to your users as soon as itβs ready. No waiting for client side JavaScript bundles or data requests to start rendering. HTML, assets, and images are loaded as soon as possible with asynchronous data loading in as it completes. Marko only sends the code for interactive components to the browser. Its compiler automatically detects which components only need to be rendered on the server. -
14
react-imgpro
Image Processing Component for React
react-imgpro is an image-processing component for React. This component process an image with filters supplied as props and returns a base64 image. I was working on a project last month which involved a lot of image processing and I'd to rely on third party libraries. But before using them directly, I'd to learn different concepts in gl (shaders) and then try to implement them in React. The difficult part was not learning but it was the verbosity, boilerplate code and redundancy introduced by the libraries in the codebase. It was getting difficult to organize all the things. And React's component-based model was perfect for hiding all the implementation details in a component. -
15
PHP5 RAD and object oriented PHP framework for building event-driven stateful web applications. Based on Zend Framework, features tableless HTML, multiple databases, accesskey support, auto data type recognition, transparent AJAX, UTF-8, i18n/l10n.
-
16
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 the over-bloated widgets Twitter gives us to put on our sites, cuts out all the nonsense (and nonsemantic markup), and returns to you your raw tweet text so you can do with it as you please and style it how you want on your own website - like it should be. Instructions on how to get it working with your tweets are in the code comments, just do what it says! Enjoy! -
17
ZeroClipboard
The ZeroClipboard library to copy text to the clipboard
The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. The "Zero" signifies that the library is invisible and the user interface is left entirely up to you. To test this page locally, checkout the gh-pages branch, install jekyll and run jekyll serve to open localhost:4000. This is achieved by automatically floating the invisible movie on top of a DOM element of your choice. Standard mouse events are even propagated out to your DOM element, so you can still have rollover and mouse down effects. To setup, the project for local development starts with these commands in your terminal. Before submitting a pull request you'll need to validate, build, and test your code. Run the default grunt task in your terminal. -
18
elasticsearch-head
A web front end for an elastic search cluster
elasticsearch-head is a web front end for browsing and interacting with an Elastic Search cluster. elasticsearch-head is hosted and can be downloaded or forked at github. There are two ways of running and installing elasticsearch-head. Running as a plugin of ElasticSearch (this is the preferred method). And running as a standalone webapp. By default es-head will immediately attempt to connect to a cluster node at http://localhost:9200/. Enter a different node address in the connect box and click 'Connect' if required. A ClusterOverview, which shows the topology of your cluster and allows you to perform index and node level operations. A couple of search interfaces that allow you to query the cluster a retrieve results in raw json or tabular format. Several quick access tabs that show the status of the cluster. An input section that allows arbitrary call to the RESTful API to be made. This interface includes several options that can be combined to produce interesting results. -
19
vue-beautiful-chat
A simple and beautiful Vue chat component backend agnostic
A simple and beautiful Vue chat component backend agnostic, fully customizable and extendable. vue-beautiful-chat provides an intercom-like chat window that can be included easily in any project for free. It provides no messaging facilities, only the view component. vue-beautiful-chat is porting to vue of react-beautiful-chat. Launcher is the only component needed to use vue-beautiful-chat. It will react dynamically to changes in messages. All new messages must be added via a change in props as shown in the example. Message objects are rendered differently depending on their type. Currently, only text, emoji and file types are supported. Each message object has an author field which can have the value 'me' or the id of the corresponding agent. vue-beautiful-chat is a chat window that allows you to build and add custom live chat to your sites. It includes only the vue chat widget. There is no backend, and no communication system baked in. -
20
MyWebSQL is a web based WYSIWYG Database client written in PHP. It has a simple and intuitive interface with the look and feel of a desktop application, and offers rich features for database management. No installation is needed, just download, extract and you are ready to go. It even has a single file compact version with full functionality, which you can quickly deploy on your server. Currently MyWebSQL supports working with MySQL, PostgreSQL and SQLite databases.
-
21
QuickRedis
QuickRedis is a free forever redis gui tool
QuickRedis is a free forever Redis Desktop manager. It supports direct connection, sentinel, and cluster mode, supports multiple languages, supports hundreds of millions of keys, and has an amazing UI. Supports both Windows, Mac OS X and Linux platform. -
22
Family Connections is a private social networking website designed specifically for families to be as easy to use as possible. Key features are: message board, photo gallery, family tree, calendar, blog, chat room, address book and more.
-
23
VFront
VFront is a dynamic front-end for MySQL, PostgreSQL and SQLite DBs.
VFront is a dynamic front-end for MySQL, PostgreSQL and SQLite databases written in PHP and Javascript. With VFront you can create forms for manage data in AJAX style, rules and privileges for differents groups, reports ,statistics and much more. Please note that the project, with the latests updates, has moved on Github: https://github.com/marciuz/vfront/ -
24
Blaze
File sharing progressive web app built using WebTorrent and WebSocket
Blaze is a file-sharing progressive web app(PWA) that allows users to transfer files between multiple devices. It works similarly to SHAREit or the Files app by Google but uses web technologies to eliminate the process of installing native apps for different devices and operating systems. It also supports instant file sharing with multiple devices at once which many file-sharing apps lack. Blaze primarily uses WebTorrent and WebSockets protocol (as a fallback) to transfer files between multiple devices. Files shared via WebTorrent are peer-to-peer(as they use WebRTC internally) which means there is a direct transfer between the sender and receiver without any intermediate server. Do note that tracker servers in WebTorrent are used which carry metadata and facilitate the file transfer but do not get the complete file in any form. -
25
vue-fontawesome
Font Awesome Vue component
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. With our new Icon Wizard, you can magically add a modifier β like circle-plus, slash, or even poop β to almost any Font Awesome icon. Available now to Font Awesome Pro subscribers. We know the pain of wrangling icons on the internet. That's why in 2012, we created the first version of our open-source icons and toolkit. And with the help of our subscription plan Font Awesome Pro, we've built a lean icon-obsessed team who keep cranking out more icons, more styles, and more services for everyone. We have more icons, services, and support in Pro. If you want them, you subscribe. No shenanigans. We won't sell your data, because we don't want to live in that world, and we don't want to run that company. From the beginning, Font Awesome has been free and open source. And since we're creator-owned and operated, we get to make sure Font Awesome Free stays that way.
