# Where do you go for UI inspiration?

**URL:** <https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836>\
**Category:** Questions\
**Created:** [August 22, 2017, 4:43pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836 "2017-08-22T16:43:35Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![ethan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ethan/32/104872_2.png) [@ethan](https://forum.bubble.io/u/ethan)\
**Post date:** [August 22, 2017, 4:43pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/1 "2017-08-22T16:43:35Z")

</div>

When I build my Bubble apps, I focus on the functionality of the app first because it’s important to have a working website. Once I get the app to function the way that I want to, I shift my focus to the UI.

> **For example** , if I’m making an app that displays video content, I’ll use YouTube as a guide.

From time to time, I run into creative blocks when I’m thinking about the design of my app. This includes aspects such as the color scheme, fonts, etc. I’ll usually browse the web for some inspiration, such as [Palletton](http://paletton.com) / [COLOURlovers](http://www.colourlovers.com/) and [Font Pair](http://fontpair.co/).

Are there any other places i can look for some UI inspiration?

---

<div class="post-metadata">

**Author:** ![csblack](https://avatars.discourse-cdn.com/v4/letter/c/7feea3/32.png) [@csblack](https://forum.bubble.io/u/csblack)\
**Post date:** [August 22, 2017, 5:12pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/2 "2017-08-22T17:12:41Z")

</div>

Go peep Dribbble, or google UI design inspiration.

---

<div class="post-metadata">

**Author:** ![andrewgassen](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/andrewgassen/32/44248_2.png) [@andrewgassen](https://forum.bubble.io/u/andrewgassen)\
**Post date:** [August 22, 2017, 5:40pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/3 "2017-08-22T17:40:38Z")

</div>

Plus one for dribbble. I also check out the Invision blog, good stuff there. Muzli and behance, also!

---

<div class="post-metadata">

**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\
**Post date:** [August 22, 2017, 6:19pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/4 "2017-08-22T18:19:48Z")

</div>

I generally start with search for the specific UX goal or type of interface to get more targeted inspiration. So, for example, if I’m building user onboarding, then I’ll end up finding teardowns for good user onboarding experiences, lists of best practices, and if I’m lucky some data on what’s worked / what hasn’t at different companies.

Also, I generally recommend starting with wireframes of the UI, before coding all of the business logic. The core rational here is that a lot of UX problems stem from not knowing precisely how you want the solution to work for users. So, I like to start with that first and then have everything else built to support that.

Just some thoughts.

---

<div class="post-metadata">

**Author:** ![TechieInAK](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/techieinak/32/13339_2.png) [@TechieInAK](https://forum.bubble.io/u/TechieInAK)\
**Post date:** [August 22, 2017, 6:21pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/5 "2017-08-22T18:21:42Z")

</div>

Quite often Dribbble but usually start with specific searches to see if I can find particular elements. I’ve found quite a bit on Pinterest too.

---

<div class="post-metadata">

**Author:** ![romanmg](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/romanmg/32/237672_2.png) [@romanmg](https://forum.bubble.io/u/romanmg)\
**Post date:** [August 22, 2017, 7:57pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/6 "2017-08-22T19:57:02Z")

</div>

Dribbble is one of my favorites. I also like to share this site with folks: [UX Archive](http://uxarchive.com/)

It breaks down user flows for popular tasks like onboarding, booking, searching, sharing, etc. for a variety of well-known iOS apps. Very useful to see how different apps approach UX for common goals. I know your question is about UI, but sometimes I gain inspiration from seeing these UX breakdowns as well because I can find UI trends that people like.

---

<div class="post-metadata">

**Author:** ![daniel3](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/daniel3/32/14049_2.png) [@daniel3](https://forum.bubble.io/u/daniel3)\
**Post date:** [August 23, 2017, 1:30pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/8 "2017-08-23T13:30:51Z")

</div>

Also highly recommend subscribing to the GoodUI newsletter: [http://www.goodui.org/](http://www.goodui.org/)

---

<div class="post-metadata">

**Author:** ![petter](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/petter/32/98626_2.png) [@petter](https://forum.bubble.io/u/petter)\
**Post date:** [August 23, 2017, 3:00pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/9 "2017-08-23T15:00:23Z")

</div>

I learned a lot from reading up on Google’s Material Design: [https://material.io/guidelines/material-design/introduction.html](https://material.io/guidelines/material-design/introduction.html)

---

<div class="post-metadata">

**Author:** ![supernaturally](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/supernaturally/32/8307_2.png) [@supernaturally](https://forum.bubble.io/u/supernaturally)\
**Post date:** [August 24, 2017, 6:36pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/10 "2017-08-24T18:36:47Z")

</div>

Great thread - lot’s of good resources already mentioned. In addition to everything mentioned, I’ll use [codepen.io](https://codepen.io/) for both inspiration and front-end development (you can easily copy/paste your work directly into a Bubble html element).

Dare I say, [apple design guidelines](https://developer.apple.com/design/) have some solid philosophy behind ui/ux as well.

I’ll even take a look at [Webflow’s showcase](https://webflow.com/discover/popular#recent) for inspiration now and then, they generally showcase a number of well-designed projects.

---

<div class="post-metadata">

**Author:** ![ethan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/ethan/32/104872_2.png) [@ethan](https://forum.bubble.io/u/ethan)\
**Post date:** [October 16, 2017, 5:19pm UTC](https://forum.bubble.io/t/where-do-you-go-for-ui-inspiration/16836/11 "2017-10-16T17:19:55Z")

</div>

From everyone’s response, I’ve combined the list of resources worth checking out:

### Colors:

- [Palletton](http://paletton.com/)
- [COLOURlovers](http://www.colourlovers.com/)

### Fonts:

- [Font Pair](http://fontpair.co/)

### Design:

- [Dribbble](https://dribbble.com/)
- [InVision](https://www.invisionapp.com/blog)
- [Muzli](https://muz.li/)
- [Behance](https://www.behance.net/)
- [Pintrist](https://www.pinterest.com/)
- [UX Archive](http://uxarchive.com/)
- [Material Design](https://material.io/)
- [CodePen](https://codepen.io/)
- [Apple](https://developer.apple.com/design/)
- [Webflow](https://webflow.com/discover/popular#recent)
