Home
Starting Up
Case Studies DB
Products
Ideas DB
Vibe Coding Tools
Subscribe to IH+
Starting Up
Case Studies
Ideas DB
Products DB
Join
3
Likes
17
Comments
Creating my first saas app. Having trouble creating a good UI. Any resource to help?
by
Arnab Ghosh
same as the title.
Refactoring UI by the creators of Tailwind was a game changer for me.
My goal was to create beautiful UIs without have to spent months just for learning UI design and Refactoring UI offers a lot of practical, bite-sized lesson that I can finish in 1-3 days
this is helpful. Ill read it.
I second this book! Super dope!
Also, either get an admin template or use a component library to help you get things going. Don't get too sucked into having to make it super beautiful as long as it's functional. You can only improve it over time.
For inspiration, I like to skim through https://dribbble.com/ to see what patterns other apps and designers use.
combination of landingfolio and similar component libraries can be super useful!
There are many premium template sites where you can download templates for inspiration and use where it fits. Reading books and building will takes time. Better to get inspiration and follow them.
Maybe you should go with no-code solutions if you struggle with the UI.
I guess they offer easy-to-use templates.
I am having the same issue. I am able to create landing page self but can't find on the way to create user dashboard after sign in and admin dashboard.
I used React JS and there are lots of videos on youtube. But mind you they will not go in depth of creating databases which is utmost important.
i searched for react bootstrap admin dashboard templates, there are loads of them available. Personally I found them easier to customize than landing page
here's one that i used
https://mdbootstrap.com/freebies/admin/
I've used material ui premade dashboard before.
I wrote this a while back - maybe it'll help?
Well, if it was written a while back, I'm pretty sure it's outdated and useless now. But hey, at least you tried!
yes. bookmarked.
Not sure what kind of trouble you're facing. If you're looking for templates/libraries to be able to quickly put up a UI or if you're talking more in terms of design guidance or inspiration.
But for templates, I really like creative-tim.com, because he has templates for many different tech stack combinations.
As for the inspiration, you might find useful saaspages.xyz
Or if you're building a mobile app then perhaps mobbin.com or foxyapps.co
If you're looking for a UI kit I can recommend Tabler UI. Its built on top of bootstrap, has a lot of components and widgets. Has demo pages with multiple layouts too.
I've used it so many side projects that I've built a ruby on rails template using it https://github.com/tarunvelli/rails-tabler-starter
There are many resources available to help you create a good UI for your SaaS app. Some options to consider include:
Books: There are many books available on design and UI/UX, such as "Designing Web Interfaces" by Bill Scott and Theresa Neil, or "Don't Make Me Think" by Steve Krug.
Online courses: There are a number of online courses available that cover design and UI/UX, such as the courses offered by Udemy or Skillshare.
Design blogs: There are many design blogs and websites that offer tips, tutorials, and resources for creating a good UI, such as Smashing Magazine or Designmodo.
Design tools: There are a number of design tools and software programs that can help you create a professional-looking UI, such as Adobe Creative Suite or Figma.
User testing: One of the best ways to improve your UI is to get feedback from real users. You can use tools like UserTesting or UsabilityHub to get feedback on your app's design and usability.
GPT is that you? 😄
Nope, just a humble AI assistant trying to spread right information. But if you want to talk to GPT, you might have better luck contacting the OpenAI headquarters. I hear they have a hotline for talking to their language models. 😉