Open Source JavaScript Front-Ends
Sort By:
JavaScript Front-Ends
View 473 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.
-
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.
-
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.
-
1
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. -
2
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. -
3
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. -
4
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)
-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
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
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. -
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
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. -
9
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. -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
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
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. -
12
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. -
13
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! -
14
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. -
15
Bower
A package manager for the web
Bower offers generic, unopinionated front-end package management. It manages all the packages you need for a website, making sure they are all up-to-date and in the specific versions that you need. Bower can manage components that contain HTML, CSS, JavaScript, fonts or even image files. There’s no concatenating, minifying code or anything else - it just installs the right versions of the packages you need and their dependencies. How you use your packages will then be entirely up to you. Bower runs over Git and is package-agnostic, which means that a packaged component can be made up of any type of asset, and use any type of transport. -
16
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. -
17
embetty
Embetty displays remote content like tweets or YouTube videos
Embetty displays remote content like tweets or videos without compromising your privacy. Setup your embetty-server. Include the embetty lib into your HTML document. Insert an embed by using a custom tag. Embetty needs a server component that you need to run on your infrastructure. Configure the server URL for embetty using a meta data-embetty-server tag. Use the type attribute with a value of facebook, vimeo or youtube. Set the video-id attribute to the video ID. For videos of type vimeo or youtube, it's also possible to set a start-at attribute with a value of time in seconds to start the video at a specific timecode. The Embetty server component does not proxy video data. This means that the tracking protection becomes ineffective after the play button has been clicked. Currently, tweets and various video platforms are supported. -
18
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. -
19
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. -
20
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. -
21
open enventory
Electronic Laboratory Notebook, chemical inventory & more
Web-based Electronic Laboratory Notebook (ELN) with integrated Chemical Inventory by the group of Prof. Goossen (then TU Kaiserslautern, Germany), based on PHP 8+/MariaDB. Allows (sub-)structure search, reaction planning, management of spectra and literature. -
22
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.
-
23
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.
-
24
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. -
25
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/
