Open Source JavaScript User Interface (UI) Software

Lepton is a beautiful open source snippet manager for ubuntu. Manage your Github gists with support for tags, search and sharing. Lepton features a rich-text editor and markdown viewer. Try the snap today! Lepton's can be customized by <home_dir>/.leptonrc! Theme (light/dark), Snippet, Editor, Logger, Proxy, Shortcuts, Enterprise, Notifications, and more! Check out the configuration docs to explore different customization options. Lepton is an open source project on GitHub. It's free and we don't accept donations. If you like, feel free to donate to Wikimedia Foundation, which helps sustain free knowledge through Wikipedia and its sister projects for people around the world. Lepton replies on GitHub APIs to detect the language. Build apps for macOS, Windows and Linux.

Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. The Bootstrap JS dependency is optional and it is mainly needed for the popover support. No Bootstrap CSS is required for the plugin to work. To use the plugin without Bootstrap, the popover option should be set to false or null and, depending on your implementation, you will usually need to set inline to true and a container selector option. Note that the plugin may work without Bootstrap if your code is not using any of the mentioned Bootstrap dependencies. Note that the dist files are only distributed via the NPM and Yarn installations. The initial color can be specified in 3 ways, input value, data-color attribute and programmatically with the color constructor option. Whenever the format option is 'auto', the first parsed color format will be detected and used as default, but when the option equals null (default), the format is recalculated every time.

Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript.

Experience is a set of non-traditional GUI gadgets written in JavaScript with focus on usability and support for i18n. It includes an image viewer component and a weighted list generator. A slide show with different modes will soon join the library.

Mediabox displays flash, video, & html content in a modal dialogs on webpages. It utilizes the MooTools library & uses portions of Videobox, Slimbox, Slimbox EX, & Moviebox.

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.

VideoBox displays your video content on webpages within an overlay (lightbox). It was inspired by Lightbox.v2 and uses portions of Slimbox code. It's written for the mootools library. swfobject is used to embed flash content.

evol-colorpicker is a web color picker that looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound to a text box. It comes with several color palettes, can track selection history, and supports "transparent" colors. It is a full jQuery UI widget, supporting various configurations and themes.

Mac OS X and Windows OpenGL 3D Engine tools, content and code to create games and applications. Newton physics, OpenAL sound with OGG Vorbis, Lua, Revolution, written in C.

One of the best navigation patterns on Android. This is a very simple JavaScript-only implementation of it for React Native. Animations are very important to create a great user experience. Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution.