p/keep-design-system
Create beautiful and consistence user interface with ease
Kausar Pial

Keep Design 1.5 β€” Get your perfect design in minutes

Featured
107
β€’
We're thrilled to announce the release of Keep Design System version 1.5, packed with exciting new features such as Figma Variables, Dark mode, Auto Layout 5.0, Optimized Modern Styled components, and much more.
Replies
Best
Kausar Pial
Hey Product Hunt Community! We're thrilled to announce the release of Keep Design System version 1.5, packed with exciting new features and enhancements that will elevate your design experience to new heights. In this update, you'll find: πŸ†• Updated components with Modern Style Revamped UI components with the latest industry standards and trendy styles. Get a vast library of ready-to-use UI elements, from the basics like buttons and checkboxes, to the advanced gear, like tables, charts, and forms. 🎨 Figma Variables for better customization Design Tokens are the magical keys that unlock a world of consistent design across all your projects. With just one click, you can apply design updates efficiently and accurately throughout your design system πŸŒ“ Dark Mode Comes with a built-in dark version now. You can change the color scheme of an application or website to darker colors, for a better user experience in low-light environments. πŸ“– Also updated our open-source React library With over 40+ open-source React UI components and interactive elements, you can effortlessly craft visually captivating React projects. Available at: https://react.keepdesign.io/ Dive into Keep Design 1.5 today! ✨ Happy Crafting!
Kausar Pial
@mdtanvirahamedshanto Thanks for your Support Shanto
Anastasia Liamets
Congrats on the launch, team! Product looks amazing, and kudos to someone who did the video – super clear what you do + looks really fancy. Would try it for Milestone.
Kausar Pial
@anliamets Thanks, Anastasia, for your support. Yeah, the video is short but well-planned by our design lead.
Bon
This is great, I've been learing Figma recently and this is just what I need. Plus, thers's a 40$ discount now, it's really affordable!
Justinas Grinius
Wow! Video presentation quality is superb. If the product looks at least half of that - you gonna rock!
Kausar Pial
@justinasg Thanks, Justinas.
Rabiul Hasan Nayan
An amazing developer friendly ui-component library for react. Loved to see the developer focus approch from figma design to code. This is exactly what my dream component library look like. i wish there are some sweet animation included. Then it would be a perfect one. and also some more example for each componet Love from Bangladesh.πŸ’–πŸ’–
Abhilash Chowdhary
Going to give this a try, team Keep Design 1.5. Looks interesting.
Kausar Pial
@abhilash_chowdhary Looking forward to your valuable feedback. Thanks for the support
Akash Ahmed
Keep Design system just awesome, which is made for designer & developer. It is easy to use. Thanks keep design team for making this.
Kausar Pial
@akashusr Thanks, Akash bhai, for your support.
Muminul Hoque
This design system is awesome. Hopefully, it will help to make the collaboration between designers & developers more easy & friendly. The light mode & dark mode options by using local variables are awesome. I didn't find any reason to skip it. Highly recommended.
Md Shamsuddin
πŸ‘πŸΌ Amazing resource! Looks solid in structure and great collection - will give any product & team to get a head start. Kudos to everyone involved
Shahid Miah
Best useful design system and design and front end team! Product made in Bangladesh πŸ”₯
Kausar Pial
@mohammad_shohid Thanks, Shahid, for your support.
Sabbir Ahmed
Really cool and easy to use design system. Really well done Keep Design team! Will definitely use in future projects.
Kausar Pial
@sabbir Glad to hear you want to use that on your project. Let us know if we can help you with any needs.
Ornob Hasan Tushar
Being a web developer UI is the most important thing to deal with. Better UI enhance user experience. Keep Design looks promising in terms of user experience. I will surely try it on my next project.
Kausar Pial
@ornob_hasan_tushar Thanks, Ornob. Looking forward to see some of the developments with our React Library.
Md Al Amin Rubel
Thank you Keep Design team for developing a perfect Design System that helps the developer to explore in design world.
Mr. Hasan
This is one of my most favorite component library. Plus i am getting now all awesome components packed inside one library. It not only make my work smoother.. it's gonna make my productivity 2x times. Cheers πŸ₯‚ to the devs
Sreenath
I always face difficulties whenever I go to find simplest design component to start a project. Basically I like simplicity and light weight type theme for all components. But most of the time I don't find them. Something was missing there. But this kit is really impressive. It looks simple and elegant. The design of it's icons are really great. I love it so much. I always struggle to find icons with thin border with premium look which they designer included here. Yes, there are some section which could be better, and I believe that will be in time. But over all i like it's elegant look with a simple vibe. Carry on ❀❀
Md Sumon Hossain Shohan
I hope, Keep Design is an outstanding solution for developers also sometimes, developers have to make a design its own here keep react is helping with that that is awsome! I congrats keep developers team for launching it. hope you all the best.
Fahmidur Rahman
It's a beautiful design system. An effort we are proud of. I have been testing the free version recently, This system feels very easy to use and the present functionalities are just about the perfect amount. As for suggestions: 1. I would like to see is the option to add label value to the input fields, checkboxs, buttons and other components. For example, having label value along with the hint text value to be used without actually editing each component itself should make the system much more efficient. 2. I would also like to have spacing value implemented with the help of variables. That way instead of using raw value for each component, we can use these pre defined values / variables for padding, spacing, corner radius etc. Thank you for this amazing system and wishing the whole keep design team the very best for their future. <3
Trent Kennelly
The dark mode toggle is absolutely sick. Really cool product, looking forward to working more with it! πŸ”₯
Kausar Pial
@trent_kennelly Thanks, Trent. Glad to hear you want to use that on more projects.
Rafi Ahmed
Congrats πŸ₯³πŸ₯³, it looks amazing and thanks for the react component library. I think Wysiwyg Editor is an important part of current software industry, I saw it's in the roadmap but if you put in priority then it gonna be helpful for all. Also, on the react library if you guys add the custom component support then it will be more flexible for devs to build something custom on top of this. Again congrats and thanks for the product, will definitely give it a try.
Ashek Rahman
I'm always curious about new products, and somehow I found your UI library. After spending some hours in Keep Design, I'd like to share my feedback with you. I hope you'll consider it from my perspective. 1. The accordion, alert, and modal have a very simple yet well-polished design. They adhere to modern design philosophy, which is eye-catching. 2. The area and bar charts are awesome, especially the bar chart. I really love the design with interactivity. I would request you to add a pie chart in the future. 3. Buttons and button groups are really simple, elegant, and well-polished. The switch button is perfect. 4. For the card section, a total of four cards are available, which could be increased. The login card could be improved if the Google and Facebook buttons' hover colors changed to red for Google and blue for Facebook. 5. There are a total of five image carousels available. They are responsive, with smooth scrolling and minimalistic design. It would be better if the carousel had some rounded corners. 6. The date picker calendar design is really great. Thanks for this minimalistic design. Other form elements like input fields, text areas, radio buttons, dropdowns, and checkboxes are perfect for daily applications. 7. The navbar is a crucial part of every modern website. You have published some well-designed navbars that seem perfect for daily use. I request more navbars in the future. 8. Rating, progress, and spinner components have a very sleek design with an awesome color combination. 9. One of the best components you have designed is the sidebar, perfect for general use. 10. The steps indicator components seem to have a modern design with very light text, suitable for modern web applications. 11. I really like your upload component, which is perfect. 12. One of the unique elements I found is the tree component, which is generally not available. Impressive. 13. Timeline components can be improved by adding more components, but they are still useful. 14. Empty page components are minimalistic without bulky text. Impressive. 15. The table component is different from others. It seems you really tried your best, and I like it. 16. The skeleton component, which is normally used to load content, is really beautiful with light grey images. I love this, and it seems uncommon. 17. Finally the tab component, perfect for web applications. Thank you.