OpenChakra is a visual editor for the best component library for Chakra UI. It helps to quickly draft components with the simple drag and drop UI. Drag any component from the left hand panel into this editor. Then start interacting with them. You can drag a preset: it's a group of components (like Alert). Just drop a preset to easily setup a complex component!
https://github.com/premieroctet/openchakraTags | visual-editor code-generator ui-ux ui-design chakra chakra-ui |
Implementation | Typescript |
License | MIT |
Platform | NodeJS |
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications. It strictly follows WAI-ARIA standards for all components. It is Themeable, Composable and Optimized for multiple color modes.
react components reactjs uikit a11y react-components accessible wai-aria ui-designThe (working) UI library and Front End Styleguide for edX/Open edX applications and sites. The code in this repository is licensed the Apache 2.0 license unless otherwise noted. Please see the LICENSE file for details.
atomic-design edx open-edx patterns pattern-library ui-starterAkira is a native Linux Design application built in Vala and GTK. Akira focuses on offering a modern and fast approach to UI and UX Design, mainly targeting web designers and graphic designers. The main goal is to offer a valid and professional solution for designers who want to use Linux as their main OS. Akari the Cyber Phoenix is a perfectionist. She is tidy, collected and has a sharp eye for detail. Her name Akari (çŻçă) means "the enlightenment of a sophisticated order". Her costume resembles the project's icon.
design ux ui c-plus-plus vala gtk cmakeWelcome to Material, a UI/UX framework for creating beautiful applications. Material's animation system has been completely reworked to take advantage of Motion, a library dedicated to animations and transitions. Take a look at a sample Photos project to get started.
material design material-design animation graphics ios ui ux material-colors navigation-drawer textfield photos searchbar snackbar cosmicmind card navigation-controller swift-3MUI provides a robust, customizable, and accessible library of foundational and advanced components, enabling you to build your own design system and develop React applications faster. You can start your projects with Google's Material Design or build your own designs using the sophisticated theming features.
material-ui google-material react-components react material-design material react-component react-ui-library ui-ux componentsMorn UI is an ActionScript 3 UI Components for Flash,with lightweight, high performance, and a visual ui editor
flash morn-uiReach UI seeks to become the accessible foundation of your React-based design system. Each component is tested with Safari + VoiceOver, Firefox + NVDA, and Edge + JAWS. Its components include Accordion, Alert, AlertDialog, Checkbox, ComboBox, Dialog, Menu, Slider, Nav, Tooltip, Tabs etc.
react react-components react-ui ui-ux ui-componentsGestalt is a set of React UI components that enforces Pinterest’s design language. We use it to streamline communication between designers and developers by enforcing a bunch of fundamental UI components. This common set of components helps raise the bar for UX & accessibility across Pinterest. That syntax is Webpack specific (and will work with Create React App), but you can use Gestalt anywhere that supports ES6 module bundling and global CSS.
reactLearn how to use Tachyons to craft beautiful, 100% responsive, functional and fast User Interface/Experience (UI/UX) with minimal CSS in much less time. The User Interface (UI) or User Experience (UX) is the part of your application that the people ("end users") see and interact with. Ensuring that the UI/UX is the best it can be, is easily the top priority for our Web/Mobile projects.
mobile-first beautiful functional fast css style styles learn beginner tutorial how-toAnt Design is an enterprise-class UI design language and React UI library. It provides plenty of UI components to enrich your web applications, and we will improve components experience consistently. It supports Server side rendering, Theme customization, Internationalization support and lot more.
react-framework css react ui-kit ui-design react-components antd design-systems frontend ant-design ant design react-component component components ui frameworkAtomic UI Framework based on Web Components and Runtime CSS Generation for rapidly building interfaces that follow your Design System
framework responsive uikit web-components css-framework themes markup-language designsystem functional-css utility-classes ui-components css-generator element-collection runtime-css-framework design-system ui-framework numlUse component classes like btn, card, etc… to build your UI.
css ui-design design-systems design-pattern postcss css-framework design-patterns ui-kit ui-components css-components ui-pattern design-system ui-library ui-framework tailwind tailwindcss tailwind-css components component framework theming design uiBy using FairyGUI Editor, you can build a variety of complex game interface without writing code or any configuration files. Support UnityăCocos2dxăCry Engineă Havok Vision/Project AnarchyăEgretăLayaAirăHaxeăPixiăFlashăStarlingďźand UnrealăLibGDXăThree.js in the future. Compared with traditional Unity UI engines such as NGUI and UGUI, FairyGUI uses a way of thinking closer to the designer to redefine the production process of the UI, which greatly reduces the time the programmer needs to invest in making the UI.
unity3d unity3d-plugin ui-framework ui-editor richtext virtual-list infinite-scroll gesture typing-effect unity-emoji curved-ui cross-platform-gui fairygui-unityMitosis is inspired by many modern frameworks. You'll see components look like React components and use React-like hooks, but have simple mutable state like Vue, use a static form of JSX like Solid, compile away like Svelte, and uses a simple, prescriptive structure like Angular. Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
react builder angular vue compiler solid jsx visual declarative liquid svelte shopify figma no-code jsx-lite ui-framework ui-uxKeen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.
vue material-design ui components vuejsMany thanks to all of the authors of the talks, articles, and guides referenced in the list. Without these people doing the hard thinking, Virtual Reality wouldn't be where it is today. If you would like to suggest a resource, you can do so by creating an issue.
ux vr virtual-reality ui list vive rift designA curated list of awesome Android UI/UX libraries.
android awesome uiOruga 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. Browse online documentation here.
css sass vuejs ui vue customization frontend ux scss css-framework agnostic ui-components tailwindcss orugaThis is an open-source version of Telerik UI for Universal Windows Platform (UWP) by Progress. The project is community-supported on Stack Overflow. Commercial support is available at telerik.com/uwp where you'll find a supported commercial trial and pricing options. Please visit telerik.com for UI tools for ASP.NET, WPF, WinForms, or JavaScript.The UI for UWP Demos application demonstrates a great number of user case scenarios using Telerik UI for UWP.
uwp uwp-apps visual-studio windows-10 xaml telerikMantine is a fully featured React components library includes more than 120 customizable components and 40+ hooks to manage state and UI management. Mantine core library includes all essential components: inputs, buttons, modals, popovers, typography elements, layout management, etc.
react-components react-library react hooks typescript accessibility uikit a11y design-system
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.