ReactSymbols UI Kit

UI elements in ready-to-use components for React

get it
#5 Product of the DayNovember 22, 2017

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.

You need to become a Contributor to join the discussion.
Jan Losert
Jan LosertMaker@janlosert ·
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 – Download (Gumroad) link - And obviously since we love ProductHunt community here is 25% deal code for you guys! #PRODHUNT25 -
Ognjen Vukovic
Ognjen Vukovic@vforvukovic · User Acquisition
@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.
Juliette Pretot
Juliette Pretot@laurajuliettep · Developer 🦄
What's the difference from free open source UI libraries (Semantic, material, bootstrap)?
Vlastimil Fišer
Vlastimil FišerMaker@vlafiser · Creator of
@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. 🙌🏼
Dre Durr💡
Dre Durr💡@dredurr · Growth is the only thing that matters
I’ve been into react for a month. This looks incredible. Very Dope 🚬🚬
Vlastimil Fišer
Vlastimil FišerMaker@vlafiser · Creator of
@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. :)
Sergiu Cazac
Sergiu Cazac@sergiu_cazac · Founder, Personizely
Any plans for a Vue version?
Vlastimil Fišer
Vlastimil FišerMaker@vlafiser · Creator of
@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
Marek Dlugos
Marek Dlugos@marekdlugos · Designer, Marek Dlugos
Damn! Can't wait to try it on my upcoming project! <3
Vlastimil Fišer
Vlastimil FišerMaker@vlafiser · Creator of
@marekdlugos Oh thanks Marek! We love that you like ReactSymbols and would be great to see your next project based on ReactSymbols. 😍