Atomize React

An open source design system for ReactJS

#2 Product of the DayJuly 30, 2019
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.
Discussion
Would you recommend this product?
12 Reviews5.0/5
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.
Any plan for typescript support?
@matthew_pate Pretty soon πŸ˜„.
Very comprehensive set of components and nicely implemented. Nice work @proksh_luthra1 & amazing UI kit again @akashtyagi027 πŸ‘πŸΌ
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,
@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.
@proksh_luthra1 Got it, thanks. What is the commercial use license? Atomize React License doesn't say anything about commercial use.
@prakis Its open source and free to use commercially - https://github.com/proksh/atomiz... I will add if it is not clear πŸ˜ƒ
The amazing Atomize UI kit is now available in your favourite JS framework. Yes, as a React UI kit!! Definitely must try for your next project.