We transformed popular design resource into ready-to-use components for React. All UI components you can think of with properties ready to match your brand within seconds. Build for fast prototyping or taking your projects to the next level.

Would you recommend this product?
10 Reviews4.5/5
Hi Producthunt People! And thanks @mutlu82 for hunting! After releasing Symbols & Styleguides I teamed up with my good friend @vlafiser and we (he) coded up everything in React! So, without any further ado - let me present you our brand new release: ReactSymbols UI Kit. As you can tell from the name: This package is all about React UI components. You’ll find most of the elements that you already know from Symbols & Styleguides or Dashboard UI Kit package coded into React. All types of buttons, labels, tabs, inputs and much more to make sure that you get the main coverage of all the frequently used UI elements across the web spectrum. Each component is build with endless possibilities to give you a freedom to change easily every aspect. For example buttons comes in 3 sizes, all validation states, with properties for icons, border radius, colour, label and many more. All properties are obviously nicely listed in our Documentation. PS: One of the best features we cooked together is based on the same principle from Styleguides, which allows you to change most of the components to match your brand by changing one single line of code! So what’s inside this ReactSymbols UI Kit package? - 17 Ready to use components - Customisable colour theme of the whole UI Kit - SASS & CSS files for each component separately - Font Awesome and Material icons support - Detailed documentation for each component - Full setup video tutorial - Lifetime support + Free future updates - Sketch file (from Symbols & Styleguides) We are happy to hear any thoughts about ReactSymbols UI Kit, so feel free to DM us anytime on @vlafiser or @janlosert if you have any questions! Check the full preview and all details at – http://reactsymbols.com Download (Gumroad) link - https://gumroad.com/l/reactsymbols And obviously since we love ProductHunt community here is 25% deal code for you guys! #PRODHUNT25 - https://gumroad.com/l/reactsymbo...
@mutlu82 @vlafiser @janlosert This looks really great. I will give it a try. :) Be sure to check out our tool , it will be very interesting to you. https://www.producthunt.com/upco...
What's the difference from free open source UI libraries (Semantic, material, bootstrap)?
@laurajuliettep Hi Juliette! We transformed Jan's popular Sketch UI Kit into the code with pixel perfection and you are able to use unique and beautifully designed React library for your project. And of course, we will try to add even more components and features to the library. 🙌🏼
I’ve been into react for a month. This looks incredible. Very Dope 🚬🚬
@dredurr Hey Deandre! Thank you and I hope that ReactSymbols will helpful tool for you. Ping me anytime if you have some question and don't miss to use our ProductHunt promotion code for 25% off. :)
Any plans for a Vue version?
@sergiu_cazac It's not on the list for one of the next early update yet, but we will add it there definitely. Thanks for good idea @sergiu_cazac
Damn! Can't wait to try it on my upcoming project! <3
@marekdlugos Oh thanks Marek! We love that you like ReactSymbols and would be great to see your next project based on ReactSymbols. 😍