Open Source JavaScript User Interface (UI) Software - Page 17

A Library for creating beautiful mobile shelfs in Javascript. As standalone just include the file in a script tag. The slide intent is an int between 0 and 90, and represents the degrees in the first quadrant of a circle that you would like to have mirrored on the X and Y axis. For example, if you have 40 set as your slideIntent value, the user would only be able to slide the pane by dragging in the blue area in the diagram below. Once intent has been defined, it will not change until the user releases. CSS3 Powered Animations with IE fallbacks, drag support, drag handle support. Programatic API, "No-Drag" elements, and definable easing mode. Enable/disable events, disabled sides (left or right). It supports Ratchet (with templates!). Because of the nature of this code, drawers are just kind of stacked behind the content. To bring the proper drawer to the front, you can hook into Snaps.js' CSS classes.

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.

A set of custom UI themes for Sublime Text 2/3. It's all about hype and minimal. Comes in different flavors with accompanying Base16 color schemes. Default flavor based on Base16 Ocean Dark color scheme. The easiest way to install is using Sublime Package Control, where Spacegray is listed as Theme - Spacegray. Activate the UI theme and color scheme by modifying your user preferences file, which you can find using the menu item Sublime Text -> Preferences -> Settings - User (⌘, on Mac). You can choose whichever flavor you like, but don't forget to change both color scheme and UI theme so they match.

A java toolkit for creating highly interactive cross browser web servlet applications. Knowledge of JSP, JavaScript, DOM, and HTML is not required because the library dynamically generates and controls client browser specific dhtml-ajax pages.

Stackful is a web-based programming environment for beginners inspired by Hypercard. Users can create web pages live by dropping in page elements, positioning them, and writing the code behind them. Everyone should learn a little programming.

Star Admin is a free responsive admin template built with Bootstrap 4. The template has colorful, attractive yet simple, and elegant design. The template is well crafted, with all the components neatly and carefully designed and arranged within the template. Star Admin is packed with all the features that fit your needs but not cramped with components you would not even use. It is an excellent fit to build admin panels, e-commerce systems, project management systems, CMS or CRM. Although the template has a design like none other, it is easily customizable to suit your requirements. Star Admin comes with a clean and well-commented code that makes it easy to work with the template. Thus making it an ideal pick for jump-starting your project. StarAdmin is designed to work flawlessly with all the latest and modern web browsers.

A jQuery plugin that creates a stacking effect by sticking panels as they reach the top of the viewport.

Styled System lets you quickly build custom UI components with constraint-based style props based on scales defined in your theme. Add style props that hook into your own theme. Quickly set responsive font-size, margin, padding, width, and more with props. Influenced by constraint-based design system principles. Typographic scale. Spacing scale for margin and padding. Works with any color palette. Works with most css-in-js libraries, including styled-components & emotion. Used in Rebass, Reflexbox, and the Priceline Design System. Set responsive width, margin, padding, font-size, and other properties with a shorthand array syntax. Most CSS-in-JS libraries include a ThemeProvider to provide values through React context. Import the styled components ThemeProvider in the root of your application and pass the theme to the theme prop.

Browser css stylizer: *compatible with every know Browser(FireFox, Opera, Chrome, IE, Safari, Flock) *live environment

Swixat is a Swing-based authoring tool for the quick and easy development of graphical UI Java applications. It extends an external XUL library (SwiXml) to implement a complete MVC framework, and provides advanced scripting features.

SwixUL extends SwixML to integrate JavaScript and to generally strive for operation identical Mozilla's XUL implementation.

Create fast loading, highly readable, and 100% responsive interfaces with as little CSS as possible. Everything should be 100% responsive. Everything should be readable on any device. Everything should be as fast as possible. Designing in the browser should be easy. It should be easy to change any interface or part of an interface without breaking any existing interfaces. Doing one thing extremely well promotes reusability and reduces repetition. Documentation helps promote reusability and shared knowledge. CSS shouldn't impede accessibility or the default functionality of HTML. You should send the smallest possible amount of code to the user. Usable across projects. Growing open source component library. Works well with plain HTML, React, Ember, Angular, Rails and more. Infinitely nestable responsive grid system. Built with PostCSS. Optimized for maximum gzip compression.

TRUNKS is a web J2EE framework. It's dedicated to develop all kinds of applications in a basic way. Used technologies are based on a MVC model, XML for screen definition. Are included navigation, multilanguage, security, CSS styles, data export...

Despite all the recent hype, setting up a new TypeScript (x React) library can be tough. Between Rollup, Jest, tsconfig, Yarn resolutions, TSLint, and getting VSCode to play nicely, there is just a whole lot of stuff to do (and things to screw up). TSDX is a zero-config CLI that helps you develop, test, and publish modern TypeScript packages with ease, so you can focus on your awesome new library and not waste another afternoon on the configuration. With TSDX, you can quickly bootstrap a new TypeScript project in seconds, instead of hours. TSDX will create a folder with the project template in it and install all dependencies. Once that's done, you're ready to rock. TypeScript, Rollup, Jest, ESlint, and all other plumbing are already set up with best practices. Just start editing src/index.ts (or src/index.tsx if you chose one of the React templates) and go.

TW Elements is a large collection of UI components, templates, and plugins built specifically for Tailwind CSS, designed to extend its functionality with interactive and pre-designed elements. It provides hundreds of ready-to-use components, including forms, buttons, navigation elements, and layout blocks, enabling developers to build complete interfaces quickly. Unlike basic Tailwind utilities, TW Elements adds interactivity through JavaScript-powered components such as modals, dropdowns, and carousels, making it more feature-rich. The library includes a design system called Material Minimal, which combines elements of Material Design with a more refined and modern aesthetic. It supports easy theming and customization using Tailwind’s configuration system, allowing developers to adapt styles to their branding needs. TW Elements can be integrated into various frameworks and environments, including React, Vue, and standard HTML projects, with simple installation methods via npm or CDN.

Auto-create charts from html tables.

React components and demo for the Tabler UI theme. Make sure you have Node.js 8+ and yarn installed. For more examples and documentation see the demo website. You should now be up and running with live browser reloading of the example website while you work on Tabler React components in the /src folder. When you're done working on your changes, submit a PR with the details and include a screenshot if you've changed anything visually.

TafelTree is a treeview in javascript. The structure of the tree is described in JSON format. It supports lot of options and user functions, just like the commercial trees. It's supported by all major browser (mac, linux and windows)

Tasian is a framework for developers of J2EE to create web-based user interfaces that rival the capabilities of rich-client or desktop-based applications. It provides developers with an object-oriented, event-driven architecture for web-based application

Terra-Terra is a virtual operating system, giving the full power of an OS to your internet server. Application developers can build webbased application for Terra-Terra, using its user interface, security system, RTL etc as with any OS.

ExtXL is to help dynamic web pages(JSP,Velocity) to affiliate with extjs v2.0(extjs.com,openext.sf.net).We provide an IoC(Inversion of Control) engine and a set of mappers for most of ext widgets that automatically generate widgets in XHTML format.

TRIAD is a browser-independent and platform-independent framework for Rich Internet Aplications.

The Safis Project aims to provide various tools to enhance and simplify the deisgn of browser-based interfaces.

free-ria is a project giving Rich Internet Application developers an improved and friendly tool to develop applications för the web as for the desktop. It is a fork of qooxdoo.

A simple JavaScript OO-based form validator for web-based interactive forms