All Projects → proksh → Atomize

proksh / Atomize

Licence: other
Design System for developers build on styled-components & React JS.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Atomize

flowbite
The most popular and open-source library of Tailwind CSS components
Stars: ✭ 3,727 (+255.63%)
Mutual labels:  design-system, ui-framework
Prism
Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.
Stars: ✭ 308 (-70.61%)
Mutual labels:  design, design-system
bui
‹b› Web components for creating applications – built by Blackstone Publishing using lit-html and lit-element
Stars: ✭ 29 (-97.23%)
Mutual labels:  design-system, ui-framework
Awesome Design Systems
A curated list of bookmarks, resources and articles about design systems focused on developers.
Stars: ✭ 222 (-78.82%)
Mutual labels:  design, design-system
System Design And Architecture
Learn how to design large-scale systems. Prep for the system design interview.
Stars: ✭ 1,005 (-4.1%)
Mutual labels:  design, design-system
Ugnis
Visual CSS generator for React
Stars: ✭ 249 (-76.24%)
Mutual labels:  design, design-system
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (-75.57%)
Mutual labels:  design, design-system
Doric
Protocol oriented, type safe, scalable design system foundation swift framework for iOS.
Stars: ✭ 75 (-92.84%)
Mutual labels:  design, design-system
Shards Dashboard Vue
A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components.
Stars: ✭ 363 (-65.36%)
Mutual labels:  design, design-system
Theme Ui
Build consistent, themeable React apps based on constraint-based design principles
Stars: ✭ 4,150 (+295.99%)
Mutual labels:  design, design-system
Argon Design System
Argon - Design System for Bootstrap 4 by Creative Tim
Stars: ✭ 2,307 (+120.13%)
Mutual labels:  design, design-system
Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (-63.55%)
Mutual labels:  design-system, ui-framework
Awesome Design
🌟 Curated design resources from all over the world.
Stars: ✭ 13,333 (+1172.23%)
Mutual labels:  design, design-system
System Design Primer
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
Stars: ✭ 154,659 (+14657.54%)
Mutual labels:  design, design-system
Class101 Ui
💅A React-based UI Component Library.
Stars: ✭ 102 (-90.27%)
Mutual labels:  design, ui-framework
kotti
💅 3YOURMIND’s Vue UI Framework & Design System
Stars: ✭ 74 (-92.94%)
Mutual labels:  design-system, ui-framework
Lab
React UI component design tool
Stars: ✭ 349 (-66.7%)
Mutual labels:  design, design-system
Alva
Create living prototypes with code components.
Stars: ✭ 3,734 (+256.3%)
Mutual labels:  design, design-system
Eva
💫Customizable Design System easily adaptable to your Brand.
Stars: ✭ 843 (-19.56%)
Mutual labels:  design, design-system
Chakra Ui Vue
⚡️ Build scalable and accessible Vue.js applications with ease.
Stars: ✭ 993 (-5.25%)
Mutual labels:  design-system

Atomize Code

UI Design System for React JS

npm package NPM downloads PRs Welcome

Features

  • UI design system for web apps.
  • Elegant and beautiful React components

Environment Support

  • Modern browsers and Internet Explorer 9+
  • Server-side Rendering
  • Electron
IE / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari OperaOpera ElectronElectron
IE9, IE10, IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

Install

npm install atomize react-transition-group
yarn add atomize react-transition-group

Usage

import { Button } from "atomize";
ReactDOM.render(<Button />, mountNode);

Links

Examples

Development

To clone locally:

$ git clone [email protected]:Proksh/atomize.git
$ cd atomize
$ npm install // or yarn
$ npm start

Open your browser and visit http://localhost:8080

Contributing PRs Welcome

Read our contributing guide and let's build a better atomize together.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].