Login

r/Frontend

▲ 5 r/Frontend+1 crossposts

Deciding on an accent color for my personal website

I've been working on my personal website this summer, and right now, I gotta decide on a accent color used for links, hover animations etc., For some context, I've gone with a monochrome theme of white - grey - black, and I'm thinking of going with a monochrome plus one color scheme.

These are the current color theme:

canvas: Platinum (#F2F3F4)
header: Shadow grey (242124)
Titles, section titles: Carbon Black (1B1B1B)
Body text: Gunmetal (353839)
Metadata: Dim grey (696969)

So, I do not wanna go along with the same palette, cause I wanna visually differentiate the links, but at the same time, it should not be off-putting. Going for a refined, clean look.

Edit: Forgot to add, this site is meant to showcase my projects as a mechanical engineering student.

reddit.com
u/LocksmithArtistic383 — 1 day ago
▲ 187 r/Frontend+33 crossposts

Mid level Data scientist MAANG

i want to prepare for sr data scientist in MAANG companies. My background is in  core ML, deeplearning, nlp etc. 

I plan to target in around a year from now.

Does someone have any idea about the interview preparation or someone in these companies who would like to share some experience?

Interviewprep resource:

PracHub: Company specific interview questions

DataLemur: SQL Interview and Data Science Interview questions

StrataScratch: SQL and Python interview

u/nian2326076 — 4 days ago
▲ 12 r/Frontend+3 crossposts

I got tired of copy-pasting the same React spinner everywhere, so I open-sourced 45+ loading components

tldr; https://loading-ui.com

Every React project I've worked on ends up with the same <div className="animate-spin" /> copied from one codebase to the next. Sometimes someone wraps it in Redux for route loading. Sometimes it's three different spinners that don't match.

I built loading-ui to fix that for my own projects, a registry of ~45 loading components you install with the shadcn CLI. Same copy-paste model: code lands in your repo, you own it after install.

# components.json
"registries": {
  "@loading-ui": "https://loading-ui.com/r/{name}.json"
}

npx shadcn add @loading-ui/ring
npx shadcn add @loading-ui/skeleton

What's inside?

  • Spinners
  • Dots loaders
  • Text loaders
  • Skeleton, terminal, and a few opinionated ones (analyzing-image, wandering-eyes)

Most are plain React + CSS/SVG, no "use client" needed. Motion-based ones declare their deps in the registry.

Works with Suspense fallbacks, useTransition pending UI, TanStack Query isPending, route-level loading states, anywhere you need to tell the user something is still happening.

Would love feedback, thanks!

u/zagrodzki — 3 days ago
▲ 132 r/Frontend+17 crossposts

Walks the full cmd/compile pipeline in order: package names, data structures, and the SSA construction that drives inlining, escape analysis, bounds-check elimination, and register allocation, with flags to observe each phase directly.

This one took a while, it's probably the longest thing I've written on this blog. I wanted to do a proper end-to-end walkthrough of cmd/compile: real package names, real data structures, diagrams for the AST and SSA CFG, and the flags you actually need (-m, -m=2, GOSSAFUNC, -S) to observe each phase yourself rather than just take my word for it.

Covers the full pipeline: lexer → parser → type checker → IR lowering → SSA construction → optimization passes (inlining, escape analysis, BCE, nil check elimination, register allocation) → architecture-specific code emission.

Hope it's useful — happy to answer questions or push back on anything that looks wrong.

blog.gaborkoos.com
u/OtherwisePush6424 — 4 days ago
▲ 16 r/Frontend+1 crossposts

Where do you go for inspiration for front end?

Hello everyone,

I'm a fully stack dev with about 6 years of experience and I'm trying to focus on getting better with my front end skills.

I really would love to know where everyone goes to get inspiration for certain front end styles, elements and just general stuff overall.

For example, I'm currently building an app but I'm having a hard time finding good references for Card designs for my app or even just figuring out the best modern / stylistic way of displaying information.

Thank you so much!

reddit.com
u/lethalsid — 4 days ago
▲ 2 r/Frontend

I am tired of fighting my current CMS theme

I am currently working on a site that has completely outgrown its initial template and I am starting to feel like I spend more hours fighting the styling constraints than actually improving the user experience for my customers. It feels like every time I try to add a simple feature or fix a layout issue the theme breaks something else and the performance starts to tank. I am exhausted by the limitations of these bloated themes because they seem to be packed with hundreds of features that I never use while making it impossible to write clean and efficient code.

I am seriously considering moving to a fully custom frontend build just to get total control over the performance and the design. I worry about the initial development time but I am honestly fed up with hacking together CSS overrides just to stop the site from looking broken on mobile devices. Has anyone else made this switch recently to get away from these heavy templates and was the effort to build something from the ground up actually worth it for the long term performance?

reddit.com
u/Pbskids_022 — 5 days ago
▲ 30 r/Frontend

Frontend AI code that looks fine in dev and silently breaks in prod, anyone else drowning in this?

At least with backend stuff you get an error, but I find frontend code written by ai will compile, render, look totally normal, and then some state thing three components deep just stops working and you have no idea when it actually broke. Spent an hour last week on something like this and i still dont know which prompt introduced it.

Been doing frontend for years. The ai tools help with the boring stuff like forms and layout scaffolding. But i keep losing most of that time back to weird runtime issues that only show up when users go off the happy path, not sure im actually faster overall tbh.

So now i just dont let it touch anything involving state or async. Boilerplate and markup sure, whatever. But the second its data flow or component communication i slow down and do it properly. Been using glm-5.2 for the backend side of things lately and its been alright there, but for frontend state stuff the model matters way less than just me actually reading what it wrote.

You cant vibe code state management and expect it to hold up once real people start clicking around. Tests catch some stuff but the weird ones always leak through to prod somehow.

My current strategy for catching this is basically just reading every diff and being paranoid about it, which is not exactly scalable.

reddit.com
u/microhan20 — 7 days ago
▲ 43 r/Frontend

How was this navbar animation done? I find it really impressive

https://impossiblefoods.com/

When you hover the top nav (Products, Mission...) the bar expands downward into a menu and the bottom edge curves and bounces/springs almost like a rubber band or something, does anyone know how this kind of animation is built? it's really satisfying and I can't find anything about it anywhere

I don't know how to explain it in text but if you look closely it was made with a lot of detail, the whole animation even from the start moves in a specific way

reddit.com
u/RudeHighway999 — 6 days ago
▲ 0 r/Frontend

Is custom frontend development actually better than using CMS templates?

edit: tnx for the advice, everyone. I finally pulled the plug on the template—it was just holding us back. Decided to go with frontend development services from SoftDoes to rebuild everything from scratch. It’s night and day compared to fighting theme code; the performance is finally where it needs to be, and I don’t have to deal with those layout bugs anymore. Should’ve done this a long time ago. Topic closed.

I am currently working on a site that has outgrown its initial template. I spent way too much time trying to fix layout issues and performance bugs that came with the theme. It feels like I spend more hours fighting the styling constraints than actually improving the user experience for my customers.

I am considering moving to a fully custom frontend build to get total control over the code and performance. I worry about the initial development time but I am exhausted by the limitations of these bloated themes. Has anyone else made this switch recently? Was it worth the effort to dump the template and build something from the ground up?

reddit.com
u/SynergyEsports — 6 days ago
▲ 116 r/Frontend

Frontend feels both easiest and hardest to hand over to AI agents

I’ll be honest, after trying different AI agents and all kinds of workflows, frontend feels like the easiest part to hand over to AI, but also the hardest part to actually perfect.

AI agents can usually build the UI, wire things up, follow instructions, and get something working pretty quickly. But there are almost always small to medium imperfections: spacing issues, inconsistent states, weird responsive behavior, slightly off interactions, unnecessary complexity, or code that technically works but doesn’t feel clean.

And then you either have to keep prompting again and again, or manually adjust the codebase yourself.

The frustrating part is that when these small issues pile up, fixing them can take almost as much time as just doing the work by hand from the beginning.

Maybe this is more true for frontend because “done” is not just about the code working. It also has to feel right visually, behave well across states, and match the product taste.

Are you guys feeling the same? How are you handling frontend work with AI agents right now?

reddit.com
u/zonayedahmed — 8 days ago
▲ 12 r/Frontend

How does LV implement their product column scrolling

Hi guys,

I am working on an ecom store for a client and for desktop, they wanted the same 2-column scrolling layout as Louis Vuitton.

Example:

https://au.louisvuitton.com/eng-au/products/nano-frivole-monogram-nvprod7830229v/M29537

However, I'm really struggling to figure out how the scrolling is implemented.

I tried doing this:

Left: image gallery stacked as full-viewport-height slides (h-[calc(100svh - header)]). Scrolls with the window.

Right: position: sticky aside (50% width) with an inner div that has max-height: calc(100svh - header) + overflow-y: auto; so product info scrolls in its own container.

To make both sides feel like one scroll, I added a hook usePdpPanelScrollChain that:

  1. On window scroll: moves the right panel by the same deltaY (1:1)
  2. On panel scroll: calls window.scrollBy with the same delta
  3. On wheel over the panel: if panel is at top/bottom, passes scroll to the window

Also set overscroll-behavior: none on html/body when .pdp-scroll-layout is present to reduce native scroll chaining.

But it still feels off and I think I am over-complicating it. I feel like there is a more native way I can approach this. Appreciate the help in advance and let me know if more info is required

u/Particular_Editor760 — 6 days ago
▲ 4 r/Frontend

Movie Picker UI Improvements and Ideas

Hey everyone,

I built a small movie picker web app called Movieinder.

The idea is simple: instead of scrolling endlessly trying to decide what to watch, the app shows you movie choices and you pick the one you prefer. Over time, it starts giving you a better idea of your movie taste.

I mainly built it as a fun project to practice product thinking, UI/UX, recommendation flow, and making a simple idea feel usable.

I’d really appreciate feedback on:

  • Does the idea make sense?
  • Is the UI easy to understand?
  • Would you actually use something like this when you don’t know what to watch?
  • What feature would make it better?

App: https://moviender.solorak.xyz/
Repo: https://github.com/iSolorak/moviender
My Personal Website : https://solorak.xyz

Any honest feedback is welcome.

reddit.com
u/Master-Ad3431 — 6 days ago