Atomize React

Atomize React

An open source design system for ReactJS

22 followers

Visit website
•
•
Atomize React is a UI framework that helps developers collaborate with designers and build consistent user interfaces effortlessly. It is based on Atomize design system for Sketch. Website: https://atomizecode.com/
Atomize React gallery image
Atomize React gallery image
Atomize React gallery image
Atomize React gallery image
Atomize React gallery image
Launch tags:
Web App•Design Tools•Productivity
Launch Team

What do you think? …

Proksh Luthra
Maker
Hi ProductHunt, I'm excited to announce Atomize React. This is my first product on Product Hunt and I'm really excited 🥳 Atomize React is an open-source UI framework for React JS and is based on the Atomic Design System for Sketch. Atomize React helps in maintaining a consistent brand language of the website/web apps along with efficient way of using grid, spacing and making the websites responsive. With the beta release, I have introduced the most basic components. I would love to receive feedback & I'm happy to answer all your questions.
Matt Pate
Any plan for typescript support?
Proksh Luthra
Maker
@matthew_pate Pretty soon 😄.
Kishore
UI looks super clean, very beautiful. Question: I am a bit confused about how to use this, do I need to purchase atomizedesign.com or do I need sketch? Also how will designers work transform into UI? will it generate reactjs code ? Thanks,
Proksh Luthra
Maker
@prakis If you are a designer, you will need to buy Atomize Design (http://atomizedesign.com/#pricing), which is a design system in sketch file. You can setup brand theme, use consistent typography, colors throughout the product design. If you are a developer, you can recreate the same design theme in Atomize React (https://atomizecode.com/docs/rea...) & have the same consistent typography, colors throughout the product in code. Design won't transform into code. A developer will still work on the code, but it will easier to communicate certain things like - brand colors, typography, shadows, 8 point grid, etc.
Kishore
@proksh_luthra1 Got it, thanks. What is the commercial use license? Atomize React License doesn't say anything about commercial use.
Proksh Luthra
Maker
@prakis Its open source and free to use commercially - https://github.com/proksh/atomiz... I will add if it is not clear 😃