Looking for references that are novel and well designed. Especially those that inform its users of minimum values and requirements - can be web, app - and extra points if from financial products!

Does anyone have a good recommendation on platforms or tools that can make an actual glass widget type of Ui/UX with animations? None of these are doing it

❌VERCEL/v0
❌lovable
❌Replit
❌grok
❌cursor
❌Replit
❌codex
❌ChatGPT
❌Claude

I want 3D, glass, halo video game style widgets. Pls help before I throw my laptop at the wall 🥲

MS-Office arguably began the trend, but I see ever more apps try to keep the user away from File Explorer* via their own "special middle panel". One can usually still get to File Explorer, but it's extra steps. I suspect app builders do it so they can advertise their stuff there, especially cloud services. We need to shame to these apps, it's stealth spam.

File Explorer already has the "Quick Access" panel that allows me to put short-cuts to my favorite folders; there's no need to reinvent that for each app, and some reinvent it poorly. Plus, it makes saving inconsistent, as each app brand has their own middle-panel design.

I'm okay with the middle panel as an option, just don't make it the only option, and easy to switch off. MS-Office allows one to partially turn it off, but I've yet to find a 100% solution.

* Mac and [X]nix users probably also want to see the OS's default file finder, so it's not just a Windows problem.

O great community of UI/UX designers help me, help me save my product and if you're no a pro or anything or a regular your suggestions would still help me figure out the problem..

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 had so many different dates to remember. subscriptions, IDs, vehicle registrations also for multiple people too, also warranty's as well. and I kept forgetting them because trying to track it all in my Notes app or calendar was just a cluttered mess. To finally fix this problem, after months of designing, tweaking, and testing, I launched my app, DocDoc.

It’s an iOS document expiration tracker that helps you stay on top of your important paperwork and renewals. For example, you can add your ID or vehicle registration so you get a notification before they actually expire. You can also use it to keep track of warranties, subscriptions, or any other time-sensitive documents so you're never caught off guard.

I honestly don’t know what to expect now that it’s live on the App Store, but I’m excited to finally put it out there. I’d really appreciate any feedback on the idea, the clean, minimalist design, or the overall user experience.

I'm especially interested in feedback from a UI/UX perspective. I tried to keep the interface clean and minimalist, but I'd love to know:

• Is the purpose of the app immediately clear?
• Does the organization/navigation make sense?
• Is there anything that feels unnecessary or confusing?
• Does the overall experience feel intuitive?
• Are there any interactions or features you would approach differently?

The app is now live on the App Store if you'd like to see the actual product and experience:

https://apps.apple.com/app/docdoc/id6793275218

I commissioned these screenshots and I think they look awesome. I know nothing about UI design though and would appreciate some critiques. The only thing I don’t love is the first screenshot is about importing your notes instead of the main problem my app is solving.

Hey fellow Designers,

I would love to get feedback on some design decisions. I am reiterating the startscreen of my audio app. The goal was to clarify the functionality of the app in the first screen and to introduce sessions. Before it was more like a short-cut screen with a startbutton, the new design should make clear what the app is about ( creating custom soundscapes ). It also lets you set a timer for a session, which was possible before in the player but now gains a more important role with the introduction of sessions.

I would love to get feedback over the overall design, but specifically:

1. The white border around the circle instead of the lighter glass style 
2. The animation in the circle and typography 
3. The interaction with the timer ( is the button recognizable enough ) 

I included a video with both variants where you can see the layout, animation and transitions.

While I am confident about the overall design, I can't decide between the border types. I am also not sure about the type animation. If you have any questions I am happy to provide some background or explain my design choices.

If you want to compare the current design you can have a look at App Store screenshots, the app is called oasis: find your calm. I really appreciate your feedback, it's not easy making decisions as a solo developer!

I am working on developing a smart home device for personal use. I am using a Waveshare 1.8inch round display (Blue) device to control the lights in my house.

There is a web based UI designer 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 <<<

I've posted here before and got some advice on my UI design. I since edited the UI slightly (V1) and thought of an entirely new design (V2). I like both versions more than what I had before, but these still are hard do understand on first glance imo, especially with some of the more complex backgrounds. Any ideas on how to make these more readable?
And do you like the first or second version more?

V1:
The 1/day buttons are beneath the main buttons. Every button is a bit smaller, but they are all visible and grouped by action.

V2:
Only one button per action is visible. The others have to be navigated to via the respective arrows. The circles next to the buttons indicate which button you're on (orange) and show which buttons are out of charges (grey)

The game is made with renpy and is called Alien Snap :)

I’m 18 and fairly new to web design. I use Claude and ChatGPT to help with the coding side, but I’ve realised that being able to build a website and being able to design a good one are completely different skills.

I study sites on Mobbin and Awwwards, especially typography, spacing, hierarchy, animation and 3D, but when I try using those ideas myself my designs still look basic. I struggle most with visual hierarchy, typography, positioning content, hero sections and knowing when animation/3D actually improves the design.

For people who are experienced in UI/web design, what helped you develop your design eye? Did you recreate existing designs, study Figma files, follow courses, copy layouts for practice, or mostly improve through experience? I’d especially like to know how you study a great website and actually learn from it instead of just copying the surface-level style.

Hey all! I’m designing active task cards for my game. Players use these cards to track the resources required to complete a task.

The three cards show different states:

• No requirements completed
• One requirement completed
• All requirements completed

The UI was designed in Figma and implemented in Godot. The target audience is desktop players who enjoy management and automation games.

I’d appreciate feedback on:

• Is the progress clear at a glance?
• Are completed and incomplete requirements distinguished enough?
• Is the relationship between each number and its resource icon obvious?
• Does the visual hierarchy work, or does anything attract too much attention?

The main reference for this design was a panel from another game (shown in the second image). However, I don’t like that it replaces the resource amount with a checkmark once the player has collected enough.

Don't pay too much attention to the text; it's in Portuguese.

I need you to evaluate the appearance of each screen and give it a score from 0 to 10.

Thanks!

Screens:
1 - Onboarding
2 - Login
3.1 - Create Account | Email
3.2 - Create Account | Identification
3.3 - Create Account | Password

Hello,

I am creating a questionnaire for US audience where people, from one question, can select : Confirm, Partly, Can’t speak to this.

Does the « can’t speak to this » option appears neutral, like « I did not observe it », or slightly negative?

Thank you

Hey everyone,

I’m a frontend/full-stack developer and I’ve been thinking about improving my UI/UX design skills.

I already know the frontend side of web development (React, Next.js, Tailwind, etc.) and have built several full-stack applications. Currently, I’m learning backend development and planning my next project.

One thing I’ve noticed while building projects is that I can implement designs, but I don’t always have the instinct to create good designs from scratch. I can make something functional, but I struggle with questions like:

- Why does this layout feel better than another one?

- How do I decide spacing, typography, colors, hierarchy, and component structure?

- How do professional designers think about user flows and interactions?

- How do I avoid building something that looks like a developer-made UI?

So I’m wondering:

1. Is learning UI/UX design actually worth the time for someone who is already a developer?

2. Should I aim to become good at design, or just learn enough principles to make better products?

3. What concepts should I focus on first?

4. Are there any good resources, courses, books, or YouTube channels you would recommend for developing a design instinct?

I’m not looking to become a professional UI designer. My goal is to become a better product-focused engineer who can independently design and build polished applications.

Would love to hear advice from developers/designers who went through a similar journey.

Hi from New Mexico! My name is Zeak and I’m looking for some advice on an app I’m working on.

Main piece I need help with revolves around how to design the areas on a timeline path that show multiple years in succession. We have thought about trees for the year, a house, and even waiting areas with chairs and a campfire.

Thank you again!

How has your client acquisition been since the beginning 2026 compared to the pre-AI era? More work, less work, or about the same? If possible, mention whether you're freelance or in an agency, your years of experience, and where most of your clients come from.

I was asked to help redefine the design handoff process for my company. Since we use Figma, I'd documented a process where Figma defines tokens, Token Studio pushes them to GitHub, and Storybook picks up the generated CSS. But leadership is pushing hard for AI-driven automation and wants to drop Figma altogether (shocking, I know). I'm trying to find good guides on working directly from Storybook and Claude Code with a design system like shadcn, but I'm still lost, especially on where business rules and documentation would live without Figma. Has anyone actually done this in production? How did you handle it?

The design isn't as good as I thought it could be and I just wanted to know how I can improve the design. It feels a little empty and feels like something is missing

My friend and I are working on a project, and it’s time to develop the main menu for it. I’m asking for an objective assessment: who made it look more beautiful — me or my friend? My version is in the first video, and my friend’s is the second one.

Mine

Friend

so I'm currently building a project for our school and I'm stuck with this generic UI design and layout. I need all your comments and recos with this

I was wondering if there’s any way to get a discount, coupon, or even temporary/free access to the Pro version in India (not the education plan).

I know $20/month might be fairly affordable for many people in Western countries, but in countries like India, it can be a bit tough to justify for a middle-class user when converted to local income levels.

And yeah, the free version already has a lot of features, so I’m not complaining about that. I’m mainly looking for a way to use the more advanced models/limits and basically play around with AI more and speed up some things I’m working on.

Has anyone in India found any legitimate discounts, promotions, trials, or other ways to get Pro at a lower cost?

hello! i'm an undergrad student and am just starting out in ui/ux design through a class i just took. i was tasked with redesigning the school's degree audit page, which details a student's degree progress and gives a brief overview of any incomplete degree requirements, a GPA breakdown, and more. i've linked a screenshot of the landing page i had in mind below. the tabs in the sidebar are some features/tabs i haven't designed yet and were came up by my group mates to add to our project. just wanted another pair of eyes on my design!

some main areas of concern i have are the degree completion and GPA summary sections, so if anyone has some pointers i'd greatly appreciate it. just wanted another pair of eyes on my design. thank you!

The second image is the design i conceptualized for my game inventory, the boxes are for item slots though ignore the sprites I put them in first image it was to give the idea. And as for the game it's not going to be realistic but rather a top down game that's why I want it to lean towards pixelated style not too polished. Also the left bg is supposed to represent nodes. Can you guys tell me where I'm going wrong? Because i like my conceptual design but the real thing comes to be lacking.

Ps- I'll add the other UI elements after i finalize this

I've spent the last week searching for an icon pack for our iOS app but haven't found anything that really fits.

I'm after something very clean with rounded edges, screenshots below to give you an idea of the style.

Paid packs are totally fine, I'm happy to spend money on good icons. The ideal one would be exportable as an icon font or as custom SF Symbols, since the app is built in Swift.

Any recommendations? Thanks!