ReactSymbols UI Kit

ReactSymbols UI Kit

UI elements in ready-to-use components for React

2 followers

Visit website
•
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.
ReactSymbols UI Kit gallery image
ReactSymbols UI Kit gallery image
ReactSymbols UI Kit gallery image
ReactSymbols UI Kit gallery image
ReactSymbols UI Kit gallery image
Launch tags:Web App•User Experience•Developer Tools
Launch Team
Webflow | AI site builder
Webflow | AI site builder
Start fast. Build right.
Promoted

What do you think? …

Jan Losert
Talkbase
Maker
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
Reportz
@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
Co-commit
What's the difference from free open source UI libraries (Semantic, material, bootstrap)?
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@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💡
I’ve been into react for a month. This looks incredible. Very Dope 🚬🚬
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@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
Any plans for a Vue version?
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@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
Damn! Can't wait to try it on my upcoming project! <3
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@marekdlugos Oh thanks Marek! We love that you like ReactSymbols and would be great to see your next project based on ReactSymbols. 😍
Ciocanel Razvan
EpicPxls
Hey @janlosert do you think we could use your product to code a design we have for sale on our market? Maybe we can do a deal on that.
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@janlosert @chocksy Hi Ciocanel, I'm not Jan, but if you are talking about ReactSymbols and not just about the free Sketch file, ping me on react@vlastimilfiser.com and we can talk about it. Thanks, Vlasti
Ciocanel Razvan
EpicPxls
Product Pearson
Ooh, I like the on/off toggles.
Vlastimil Fišer
ReactSymbols UI Kit
Maker
@theashtube ❤️ Thank you Ashley!
12
Next
Last