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/
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.
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.
Atomize React
finimize
Atomize React
ArrayList
Atomize React
ArrayList
Atomize React