r/UI_Design

been working on Wensity UI for a while and finally launched it.

it's a collection of animated components and blocks for when the default shadcn look isn't enough.

would genuinely love to know what you think about the components and the overall direction 👀

check launch post : https://x.com/Ksparth12/status/2073775795160723482?s=20 or direcly : ui.wensity.com

Please know I don’t use Reddit and that this was all built by AI because of the institutional knowledge that lives in my head.🫰🏼** I have spent so much time on this project and I have a long way to go**!

📸 RE the pictures: please note that this was the first time I had run the dashboard build prompt. I’m fairly confident in the numbers though I have blacked out ones I haven’t audited yet.

I have spent the last few months redirecting the energy being created by my PTSD into something more productive - government accountability and transparency specially, Congress.

As a former congressional staffer and currently unemployed federal strategic comms and political operative - I have a lot of institutional knowledge that just lives in my head. For example - do you know where the wood working workshop is in the basement of the Capitol? What about how to inquire on behalf of a member of Congress about arranging an interpreter for and to sit with for their guest at the State of the Union. What about pulling together a verbal and written briefing in a secure location for a member of Congress on a topic they want to learn about and you know nothing about? Or how to escort a recognizable celebrity through the halls of Congress who you were just informed is having lunch with your boss?

These are all things that just live in my head, years of institutional knowledge that just lives there and is not being used because of the state of our government. So I decided to do something about it…….

I built a dashboard that (for the sake of my sanity at the moment) uses the power of AI, to bring together what I’m calling ‘Article One’ (after Article One of the Constitution)

Article One is an AI powered dashboard that pulls together basically all the information you’ve ever wanted to know about a member of Congress + who they represent + how they got there (the campaign) + their j0b performance in Congress + deep dives into how they are using the money that’s donated to them + how they are using the tax dollars they get to run their office.

It’s all powered by a team of agents and subagents.

This is not about politics. This is about the American People. These are your elected officials and you deserve to know what they are doing - in a way that is firmly based in facts and reality.

I’d love to hear any feedback, ideas, anything really please comment away!

I’m personally a big fan of the nutrition card! Such a cool and fun way to display the data! Would love to know what everyone thinks, any feedback or ideas? 🫰🏼🇺🇸🥴

I’m testing two different drawer patterns for my iOS App and I’d love honest feedback from designers and UI nerds about which one actually feels better.

The problem: Standard drawer UX uses an overlay. Tap the button, a dark sheet slides in from the side, covering the main content. It works, but it always feels like an interruption.

The experiment: What if the drawer was always there, just hidden behind the main card? A single swipe reveals it by sliding the card right, like pulling back a curtain. No overlay dim, no modal weight. You see both the primary content and the drawer at the same time as you browse.

Option A (Baseline): Dark overlay drawer slides in from the left, full-screen dim fades in, then tap anywhere outside to close.

Option B (Reveal): Swipe or drag the card right, the drawer slides out from behind, the card moves with it, and both stay visible as you browse. Swipe left or tap the card to close.

The tradeoff I’m wrestling with:

• Reveal feels lighter and more playful (no modal friction)
• Overlay is more predictable (everyone knows how sheets work)
• Reveal lets you browse while keeping the main content visible (context win), but it uses more screen space

Which one feels better to you? I’d love to hear if one feels more intuitive or natural, even if you’ve never seen either pattern before. What’s your first instinct?

>The app is live on the App Store. If you want to try the baseline version to compare, just let me know and I can share a link in DM, just trying to get real feedback here on which direction is better UX, not looking to promote.

it's an app to communicate with a pwnagotchi. if you don't know what this is, it dosen't really matter.
the only thing you have to know is that the face on the top, and the 3-line message right under are representing the live state of the pwnagotchi.

also made a toggle to choose an horizontal layout

I recently came across a couple of TikTok videos showing how to design Instagram carousels in under 60 seconds. The latest one even included Canva. If you connect your Canva account, you can edit the design that Claude creates for you.
I don't use Canva, and I haven't used AI in any of my design projects but I see people bragging about this. At this point, I'm starting to wonder if I'm missing out because everyone keeps talking about how much time AI saves.
Designing Instagram carousels takes time, so I'm genuinely curious whether AI could actually speed up my workflow. I tried but every time I try to "hack" the design process to make my life easier, I end up getting frustrated and eventually doing everything the old-fashioned way.

This is the video I'm talking about (I'm not promoting or endorsing it):
https://vm.tiktok.com/ZNRKF5AAM/

Has anyone here actually tried this? Does it genuinely save time, or is it mostly just good marketing? At this point, I just feel stupid.

Hello folks,

How is this landing page design? What comes to your mind when you look at it?

I'm a developer and am working on an open-source tool; it's a tool that will apparently be free forever.

Pls don't roast me; I'm new to this [Just kidding]. I'm looking for some real feedback.

It's still in development, but if you want to check it: carbonssh.com is only ready for desktop.

Thanks

I especially noticed this when reading academic PDFs.

I’d find an unfamiliar word, look it up, understand it, and then forget it a few weeks later.

So I built a tool that lets me scan any PDF, tap unfamiliar words, and automatically save them while I read. AI takes care of the definitions in the background,

so I can stay focused on reading instead of bouncing between the paper and a dictionary.

The idea is simple:

Every word you look up should make you a little better at the language.

Here’s a quick demo using a French academic paper.

Looking for a few beta testers if anyone’s interested.

Hello! I'm working on a game with pinball-like mechanics where you move around levels on different planets collecting ore. In my game, gravity directly affects the momentum.

I'm trying to find a good balance for the Planet Select screen and keep it looking sci-fi and futuristic but also clean and simple (it's not a strategy or a space simulator game, so I see no need to overcomplicate things)

I had a designer friend help me make some changes to improve the Planet Select, and I've attached the result along with the current Level Select screen for contrast.

I would really love to hear your thoughts and any advice on the layout and readability of the modal! Do note this is intended for Desktop, I assume that for mobile we would inevitably need to increase the size of the modal. 🙂

Hey everyone, i am not a designer. Just someone who likes designs.

I made this app and designed the website and UI for the app myself and i would love some feedback on what's working and what's not working. I have attached some screens i am not sure if i am allowed to post the link to the live site.

I used Claude, Pencil for basic structure. Then manually edited the whole thing myself. I also used my skill that I created for design.

I came up with this concept and used AI to visualise it. I want to turn it into an interactive section for my portfolio, but I'm not sure what the best way to build it is.

The interaction I'm aiming for is:

• Hovering or clicking a node highlights it.
• The content card updates based on the selected node.
• Smooth transitions, subtle glows, and polished micro-interactions throughout.

For those who've built similar experiences, how would you approach this?

• Would you build it entirely in Framer, use Rive for the interactions, or combine multiple tools?
• How would you structure the interactive nodes and connecting lines?
• Are there any tutorials, examples, or resources that cover a similar workflow?

I'm not looking for someone to build it for me. I'd just like to understand how experienced designers or developers would approach bringing this concept to life.

I'm redesigning a family organizer app that helps parents split the mental load of running a household. I worked out three complete visual directions. Every screen exists in all three with identical content, so you can judge pure form.

A, warm and playful: cream canvas, soft cards, overlapping circles as the mental load visual.

B, card hub: navy header with context on every screen, tiles as clear paths.

D, expressive: big type, thick color bars, mental load as a bold statement with a direct action.

Heads up: the UI copy is Dutch (it's a Dutch app). Everything else should read fine.

What I'd love feedback on:

1. Which dashboard would make you open the app every day?

2. Does the mental load visual read instantly in each version?

3. Any hierarchy, contrast or spacing issues that would annoy you?

Mix-and-match suggestions are very welcome. Please keep it to the design; I'm not looking for product or strategy feedback in this thread.

I'm designing a login page for a social media app.

I envisioned a minimalist saloon door in the background. However, I wasn't sure whether to put it on the initial onboarding page or the registration page with the login buttons.

What do you think guys? I'm also open to further suggestions to regarding design details.

Edit: Thank you all for the comments i revised my design.

Hey everyone,
I’m working on a Dead by Daylight community website called DBDMeta. The site is meant to include builds, ratings, tier lists, a wiki, character pages, perks, add-ons and patch-related information.
I posted some pics of the current homepage and would really appreciate honest feedback from a UI/UX and visual design perspective.
I’m especially unsure about these things:
How is the overall layout?
Does the hero section feel balanced, or is it too empty / too crowded?
How do the colors feel?
The site uses red for killer-related elements and teal/blue for survivor-related elements. Does that work, or does it feel too much?
What do you think about the buttons?
Do the main buttons like Browse Builds and Open the Wiki look good, or do they feel cheap/unappealing? Should clickable elements be more rectangular with rounded corners, more pill-shaped, or something else?
Are the character cards on the right side well placed?
The idea is to show 2 killers on top and 2 survivors below. Does that make sense visually?
Is anything too big or too small?
For example: headline, buttons, character cards, stats, navigation, spacing, icons, etc.
Does the homepage feel like a proper Dead by Daylight community/meta website, or does something feel off?
I’m looking for honest feedback on every aspect: layout, spacing, typography, colors, buttons, card design, hierarchy, readability and overall visual quality.
Thanks a lot for any help. I’m trying to make the page look more professional and less like a rough prototype.

Thought it would be cool to add a self-drawing SVG animation to my portfolio, but it took some time to figure out. anime.js has this feature, but getting it to work properly and converting an image into a clean SVG paths (with the right threshold and other settings) may take some time. So I built a tool for it.

You drop in a photo or logo -> it converts it into SVG paths -> animates those paths(they draw themselves like a pen sketch)

features/how to use

• upload an image and it converts into single-color SVG line art
• choose custom path and background colors
• adjust the trace settings: threshold(usually 100 works best), invert dark/light
• control the animation: duration(in ms), delay between paths, easing, direction (forward/reverse/ping-pong), looping, fade-in fill at the end
• Export as copy-paste SVG, a downloadable SVG file, or a self-contained HTML file with everything included

Works best with illustrations, cartoons, and clean lin4e drawings. Real-world photos can be harder to convert into clear SVG paths

Links:

• Repo: https://github.com/a1stok/img2svg-animation
• Live demo: https://img2svg-animation.vercel.app/

Open to feedback or suggestions if you have any

Hi everyone,

I usually spend my time deep in backend architecture and system design, but for my new project, I had to design the UI/UX myself

The platform is an aggregator that compares real fees across 150+ European neo-banks, cards, and transfer apps. The goal is to show users exactly what they are paying without any hidden affiliate bias

I’ve attached a few screens of the current web and mobile layouts. I would love some brutally honest feedback from this community before I finalize the next release.
Specifically looking for thoughts on:

• Visual Hierarchy: Does the main headline jump out at you, or is the screen too cluttered?
• Navigation: Is the categorization (Spend abroad, Send money, Grow savings) intuitive?
• Trust: Does the dark green theme feel trustworthy for a financial tool, or does it feel off?

Don't hold back, tear it apart. I want to know what’s broken!

A workout app I got cooking up, I wanted to go for something modern feeling, but not hyper meat head macho aesthetic, I used clothing sites actually to kind of tune the design with Claude design. Thoughts? Does it give "AI vibe code" ?

Designed this why choose us section for a recent client project. What you think about this design.

Made this design in figma and made the custom illustrations.

Comment your genuine feedbacks.