OpenChakra - Full-featured visual editor and code generator for React using Chakra UI

  •        2428

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/openchakra
https://openchakra.app/

Tags
Implementation
License
Platform

   




Related Projects

Chakra UI - Simple, Modular & Accessible UI Components for your React Applications

  •    Javascript

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.

ux-pattern-library - The (working) Visual, UI, and Front End Styleguide for edX.

  •    CSS

The (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.

Akira - Native Linux App for UI and UX Design built in Vala and Gtk

  •    Vala

Akira 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.

Material - A UI/UX framework for creating beautiful applications.

  •    Swift

Welcome 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.

MUI (formerly Material-UI) - React UI library you always wanted

  •    Javascript

MUI 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.


MornUI - Morn UI is an ActionScript 3 UI Components for Flash,with lightweight, high performance, and a visual ui editor

  •    Javascript

Morn UI is an ActionScript 3 UI Components for Flash,with lightweight, high performance, and a visual ui editor

Reach UI - The Accessible Foundation for React Apps and Design Systems

  •    Typescript

Reach 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.

gestalt - A set of React UI components that supports Pinterest’s design language

  •    Javascript

Gestalt 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.

learn-tachyons - :heart_eyes: Learn how to use Tachyons to craft beautiful, responsive, functional and fast UI with minimal CSS!

  •    HTML

Learn 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.

Ant Design - An enterprise-class UI design language and React UI library

  •    Typescript

Ant 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.

FairyGUI-unity - A flexible UI framework for Unity

  •    CSharp

By 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.

Mitosis - Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more

  •    Typescript

Mitosis 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.

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen 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.

uxofvr.com - A list of resources about the UI/UX considerations for VR.

  •    HTML

Many 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.

oruga - 🐛 Oruga is a lightweight library of UI components without CSS framework dependency

  •    Vue

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. Browse online documentation here.

UI-For-UWP - This repo contains the source code for Telerik UI for Universal Windows Platform (UWP), which includes 20+ UI controls for developers building UWP applications

  •    CSharp

This 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.

Mantine - A fully featured React components library includes more than 120 customizable components and hooks

  •    Typescript

Mantine 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.