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.

Reviews

 +7 reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
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 – 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...
Ognjen Vukovic@vforvukovic · UA @FourDots @Reportz @Dibz
@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...
Juliette Pretot@laurajuliettep · Designer / Developer 🦄
What's the difference from free open source UI libraries (Semantic, material, bootstrap)?
Vlastimil FišerMaker@vlafiser · Creator of ReactSymbols.com
@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💡@dredurr · Growth is the only thing that matters
I’ve been into react for a month. This looks incredible. Very Dope 🚬🚬
Vlastimil FišerMaker@vlafiser · Creator of ReactSymbols.com
@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 · Web Developer, Geek
Any plans for a Vue version?
Vlastimil FišerMaker@vlafiser · Creator of ReactSymbols.com
@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@marekdlugos · Designer, Marek Dlugos
Damn! Can't wait to try it on my upcoming project! <3
Vlastimil FišerMaker@vlafiser · Creator of ReactSymbols.com
@marekdlugos Oh thanks Marek! We love that you like ReactSymbols and would be great to see your next project based on ReactSymbols. 😍