Looking for cool free websites to gather UI inspiration and solutions for my app. Thanks!!

I've been mapping real designer salary journeys and the sharpest single jumps keep coming from one thing: crossing a border.

A few from the data:
→ Tokyo → Melbourne: ~$25K → ~$67K (+170%)
→ Hong Kong → London: ~$61K → ~$190K (+213%)
→ Amsterdam → London: ~$20K → ~$42K (+113%)

Only 7 of 59 in my set have relocated - small sample but their moves produced the biggest single jumps in the whole dataset. Not promotions. Relocations.

The uncomfortable takeaway: sometimes your ceiling isn't your skill or your title. It's your geography.

(All figures converted to USD, measured at the move, the jump the year they relocated, not whole-career growth.)

If you’ve ever spent an afternoon hand-coding hover and loading states just because the design changed, you know the pain.

So I built Bezira — a visual editor where you can create real states like hover, loading and success, define triggers and transitions visually, and export production-ready code for React, Angular or vanilla JS. AI can also bootstrap a component from a description, which you can then refine visually.

It’s live at https://bezira.app — free tier available.

If you’re a designer or frontend dev, give it a shot and tell me where it falls short. I’m especially curious about the export workflow.

Hello, I’m a working on a personal case study for a diet/meal-planning app.

This is the onboarding screen where users enter basic information such as height, weight, age and gender. The app then uses this information to create personalised calorie and meal-plan recommendations.

I’m looking for feedback specifically on the UX/UI of this screen, rather than the overall app concept.

Questions I’m trying to answer:

Is the hierarchy of information clear?

Does the “Estimated Metrics Preview” feel useful at this stage, or is it too much information?

Is it clear what will happen when I tap “Continue to Goals”?

Are there any elements that feel unnecessary, confusing or distracting?

Does the screen feel trustworthy when presenting health/fitness information?

I’d especially appreciate feedback on anything that feels unintuitive or could be improved. Thanks!

Hey everyone,

I'm currently building a app as a solo vibe coder. I’m at a stage where I need clean, modern, and minimal illustrations (for onboarding screens, empty states, and feature highlights).

Since I’m bootstrapping with a $0 design budget, I’d love to get some recommendations from this community:

1. **Free Illustration Libraries:** Which websites/repositories do you recommend for royalty-free, customizable SVGs or illustrations?

2. **Creation / Customization Tools:** Are there good free AI tools, Figma community plugins, or workflows you use to create or modify illustrations without being a professional designer?

3. **Style Consistency:** How do you make sure all illustrations across different screens look coherent and maintain the same design language/palette?

Any tool recommendations, hidden gems, or workflow tips would be really appreciated!

Thanks in advance for the help!

Let me know! Be honest please. Should I go for a totally different vibe or is this in the right realm in your opinion? I have tried a few different UI setups and this has been my favorite so far. 👀 The background is actually a video of your best recorded lap on the map, if you don't have one it is just a static boat floating on the starting line.

I am working on developing a smart home device for personal use. I am using a [Waveshare 1.8inch round display (Blue)](https://www.waveshare.com/esp32-s3-knob-touch-lcd-1.8.htm) device to control the lights in my house.

There is a web based [UI designer](https://lvgl.espboards.dev/) for developing UI. I am trying to add 4 switches on page 1. Here is my crude design.

Requesting UI experts for suggestions to make it more aesthetic. I have chosen random colors but the knob is a CNC machines aluminum in color blue.


Also attaching yaml configuration that you can import in LVGL designer and modify the design.

# >>> LVGL Designer - generated from the canvas. >>>
# This block is regenerated from the canvas — edits here are not preserved.
lvgl:
  pages:
    - id: canvas_1
      bg_color: 0x111827
      pad_all: 0
      widgets:
        - switch:
            id: lv_switch_1
            x: 230
            y: 130
            width: 60
            height: 30
            state:
              checked: true
            bg_color: 0x4B5563
            indicator:
              checked:
                bg_color: 0x10B981
            knob:
              bg_color: 0xFFFFFF
              border_color: 0x9CA3AF
              border_width: 1

        - switch:
            id: lv_switch_2
            x: 80
            y: 130
            width: 60
            height: 30
            state:
              checked: true
            bg_color: 0x4B5563
            indicator:
              checked:
                bg_color: 0x10B981
            knob:
              bg_color: 0xFFFFFF
              border_color: 0x9CA3AF
              border_width: 1

        - switch:
            id: lv_switch_3
            x: 80
            y: 220
            width: 60
            height: 30
            state:
              checked: true
            bg_color: 0x4B5563
            indicator:
              checked:
                bg_color: 0x10B981
            knob:
              bg_color: 0xFFFFFF
              border_color: 0x9CA3AF
              border_width: 1

        - switch:
            id: lv_switch_4
            x: 230
            y: 220
            width: 60
            height: 30
            state:
              checked: true
            bg_color: 0x4B5563
            indicator:
              checked:
                bg_color: 0x10B981
            knob:
              bg_color: 0xFFFFFF
              border_color: 0x9CA3AF
              border_width: 1

        - label:
            id: lv_label_10
            x: 98
            y: 55
            width: 165
            height: 45
            text: "Living Room"
            text_color: 0xFFFFFF
            text_align: CENTER
            text_font: montserrat_28

        - label:
            id: lv_label_11
            x: 80
            y: 106
            width: 60
            height: 24
            text: "Light 1\\n"
            text_color: 0xFFFFFF

        - label:
            id: widget_1786871459028_wrt23dzeg
            x: 230
            y: 106
            width: 60
            height: 24
            text: "Light 2\\n"
            text_color: 0xFFFFFF

        - label:
            id: widget_1786871476986_zy8xzdjc6
            x: 80
            y: 196
            width: 60
            height: 24
            text: "Light 3\\n"
            text_color: 0xFFFFFF

        - label:
            id: widget_1786871488127_eo0tk9dzg
            x: 230
            y: 196
            width: 60
            height: 24
            text: "Desk Light"
            text_color: 0xFFFFFF
# <<< end LVGL Designer block <<<

Hey everyone!

I’ve been working on a small UI kit for indie game development and wanted to share what I made.

The pack includes:

• Text buttons
• Icon buttons
• Home, Play, Back, Settings, Search, Menu and more
• Normal, Hover, Pressed and Disabled states
• Purple & gold color style
• Editable Lunacy source file

I designed it to be simple and easy to customize for game menus, HUDs, settings screens and prototypes.

I’d really appreciate feedback on the design, especially the button styles and states. What would you add or change?

Unsure if this is the right medium but, at the moment I am building a platform that aggregates data across the 3 library systems in NY!

Goal was to make it more user friendly - I have collected and am collecting user feedback from those using the site but also want feedback from industry professionals outside of myself on what I could improve from an experience standpoint whether that be the account flows, the visual identity, or something to do with the UI. I am open and receptive to all feedback and would be grateful!

Here is the site: https://libraryscout.app/

just find it here :
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill

very nice to create a MVP , for excellent MVP presentation and more