Open Source JavaScript User Interface (UI) Software for Linux

Social Sign-In Buttons made in pure CSS based on Bootstrap and Font Awesome! Include Bootstrap and Font Awesome. If you haven't done that already, include the latest Bootstrap and Font Awesome in your project. You have two options for enabling the social buttons in your project: vanilla CSS or source Less. For vanilla CSS, just include the bootstrap-social.css file into your project. Start using the buttons as you would normally do with the Bootstrap buttons that have an icon by adding the relevant class.

Element is a component library based on Vue.js 2.0 that can be used by developers, designers and product managers to build products that are logically sound, well-structured and easy to use. Element uses BEM-styled CSS so you can easily change styles when you want to. There are four ways you can change style variables. You can use the online theme roller to customize design tokens and preview new themes in real-time. You can also use the theme preview website (for changing the theme color only), update SCSS variables, or use the CLI theme tool. You can also import your own custom themes.

Semantic UI is a development framework that lets you create beautiful, custom and responsive website layouts using human-friendly HTML. The syntax used is based on natural language, so concepts are linked intuitively. Semantic UI utilizes concise HTML, intuitive JavaScript and simplified debugging, making front-end development an absolute dream for developers. Semantic UI is partnered with popular frameworks React, Angular, Meteor, Ember and many others so you can easily integrate it and organize your UI layer with your application logic. Semantic UI comes with over 3,000 high level theming variables and just about every layout option you can think of, giving you complete design freedom. It also has over 50 UI components enabling you to build your entire site with just one stack and share your UI between a number of different projects.

Berry is a free Material UI admin dashboard template built with React. It is meant to provide the best possible User Experience with highly customizable feature-rich pages. It is a complete Dashboard Template that has easy and intuitive responsive design whether it is viewed on retina screens or laptops.

A JavaScript grid component for displaying and editing tabular data in DHTML-based tables. The grid provides rich client-side API, column sorting and resizing capabilities, multiple in-cell editors, filtering, searching and grouping functionality, etc.

APhPLIX Development Studio, is an open source Rapid Application Development environment for designing, developing and deploying WebBrowser-based applications that look, feel and act like regular window-based applications.

Material Design Lite lets you add a Material Design look and feel to your websites. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use, gracefully degrade in older browsers, and offer an experience that is immediately accessible. The MDL components are created with CSS, JavaScript, and HTML. You can use the components to construct web pages and web apps that are attractive, consistent, and functional. Pages developed with MDL will adhere to modern web design principles like browser portability, device independence, and graceful degradation. Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components.

Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on MDN.

JS_Designer is a lightweight IDE to create Client-side Web-based applications ( Javascript+PHP). The goal is to have tool to build muti-lingual, skinable, professional-looking web applications, the way you would do in VB or VC.

A next generation framework to wire existing javascript frameworks (Ext, Qooxdoo, Dojo, etc.) to Server code written in any .NET language.

This Javascript library allows you to replace operating system dependent scrollbar elements with something that you can fully style using CSS rules while you still get the standard, usual behaviour on different platforms like desktop computers, smart phones and touch screen based tablets. Library supports <DIV>, <TEXTAREA> and multiple <SELECT> elements. Please visit project website to download the code!

Packery is a JavaScript library and jQuery plugin that makes gapless and draggable layouts. It uses a bin-packing algorithm to fill in empty gaps. Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in a specific spot, or dragged around. It’s perfect for draggable dashboard and seamless Masonry image galleries. If you want to use Packery to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. With this option, your source code is kept proprietary.

Protoreto is a GPL-licensed tool to create prototypes of graphical user interfaces (GUIs). NOTE: This project is not actively maintained at the moment. If you'd like to continue developing Protoreto, please send an e-mail to: wikipedian@users.sf.net

Quick slicer is a prototyping tool to initialize the layout of a web page.

A color gen­er­a­tor for JavaScript. There are lots of clever one-lin­ers for gen­er­at­ing ran­dom col­ors. Unfortunately, this code nat­u­rally pro­duces murky greys, browns and greens. ran­dom­Color gen­er­ates at­trac­tive col­ors by de­fault. More specif­i­cally, ran­dom­Color pro­duces bright col­ors with a rea­son­ably high sat­u­ra­tion. This makes ran­dom­Color par­tic­u­larly use­ful for data vi­su­al­iza­tions and gen­er­a­tive art. Once you’ve in­cluded ran­dom­Color.js on your page, call­ing ran­dom­Color() will re­turn a ran­dom at­trac­tive color. Beneath is the out­put of ran­dom­Color called 54 times. You can also pass an op­tions ob­ject to ran­dom­Color. This al­lows you to spec­ify the hue, lu­mi­nos­ity and the num­ber of col­ors to gen­er­ate.

13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to call once a color change is complete. To make a custom color picker, create a top-level component that will act as the bridge with the CustomPicker high order component. Wrap the export with the CustomPicker function. Every color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker. Use EditableInput to display an input / label that acts as the single source of truth until the input is blurred.

A prototype.js and scriptaculous.js based select box replacement library that allows fully styling select boxes- button style, scrollbars, dropdown box, option images.

iView is a high quality, open source UI Toolkit built on Vue.js, offering dozens of useful and beautiful components including fonts, icons, layouts, navigation and more. Each component has several options for you to choose from, giving you absolute freedom and choice to achieve the exact look you would like for your interface. iView also comes with a customizable default theme and a friendly API that's easy for people of any skill level. It's default language is Chinese but it does support plenty of other languages. iView currently supports both Vue.js 2 and Vue.js 1.

Pile your sections one over another and access them scrolling or by URL! Customizations of the plugin are available upon request for some reasonable price. Suggestion are more than welcome, not only for feature requests but also for coding style improvements. Let's make this a great plugin to make people's lives easier! pagePiling.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 8, 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. It is also designed to work on touch devices such as mobile phones or tablets. In order to create links to a certain section, you can use a normal URL link if you are using pagePiling.js with anchor links (using the anchors option), then you will be able to use anchor links also to navigate directly to a certain section.

phpAjaxTags is a port to PHP from advanced java tag library "AjaxTags" (ajaxtags.sourceforge.net). To install - just extract zip file into Your root www dir. On-line demo http://www.2al.pl/phpAjaxTags/