ReactSymbols UI Kit

UI elements in ready-to-use components for React

2 followers

UI elements in ready-to-use components for React

2 followers

Visit website

Design resources

•

UI frameworks

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.

Launch tags:Web App•User Experience•Developer Tools

Launch Team

ReplayAutonomous app testing for teams who ship at AI-speed

Promoted

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...

Report

9yr ago

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...

Report

8yr ago

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.

Report

9yr ago

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

Report

9yr ago

EpicPxls

@janlosert @vlastimilfiser @vlafiser Sweet will do. :)

Report

9yr ago

Cool... @janlosert been a long time fan and customer - I could really use an html version or one based on bootstrap or semantic-ui. I would pay for that!!

Report

9yr ago

ReactSymbols UI Kit

Maker

@janlosert @batsirai_chada Hi Batsirai, we will add HTML/CSS elements in the future because I love these technologies personally, Bootstrap is not planned yet and all updates will be for free! :)

Report

9yr ago

This is awesome! Looks great :) Hi Jan, I am trying to use the gumroad link with the PH25 discount but the link seems broken, not sure if this a gumroad issue or something is wrong with the URL.

Report

9yr ago

ReactSymbols UI Kit

Maker

@karthik2502 Hi Karthik, I'm not Jan but I will try to help you. :) Try it again please, there is little delay before the discount is applied, once you will see the credit card screen, you should to see discounted price in yellow ribbon. If there will be still the same issue, write me on react@vlastimilfiser.com and we can manage it personally. And thank you for support Karthik! Vlastimil

Report

9yr ago

ReactSymbols UI Kit

Maker

Hey guys! 🚀 We just released version 1.1 so check it out. ✅ SASS build Since now you are able to change colour of all your elements by changing only one line of code. And of course, we are giving you SASS files for all components. Which makes this package even more powerful and faster for prototyping or building complex web apps than ever before. ✅ Typescript support We have been getting many requests since the first version about Typescript, so here you go! Typescript is now ready as well! This version comes with support of autocompletion, component auto-import and with all other features of Typescript. ✅ Local NPM module support From now on you don’t have to use complicated and long paths to locate the folder with ReactSymbols, simply define your NPM module as reactsymbols-kit and start creating. ✅ Fixes for few UI issues and other UI enhancements Strong focus on details and pixel perfection is important for us and therefore we have rewritten the RSSwitch component from scratch and fixed a few other issues for form elements like RSCheckbox and RSRadio. And we changed even more of the core structure of the package itself as well. Discount for all ProductHunt users is active again! Enjoy 25% off: https://gumroad.com/l/reactsymbo... For more more information check: http://reactsymbols.com/ Thanks guys and happy holidays, Vlasti

Report

8yr ago

Co-commit

What's the difference from free open source UI libraries (Semantic, material, bootstrap)?

Report

9yr ago

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. 🙌🏼

Report

9yr ago