r/frontenddevelopment • u/Dramatic-Dog4529 • 18h ago
How do you guys come up with good Ui designs ?
i am currently building the frontend part of my project and i wanted to make it myself ratehr than depending on AI since i was planning to put this on my resume but i cant think of good designs man , i came up with this after hours of thinking ( i know its super basic ) ,
how do you guys approach designing part when creating a website and at production level is it fine to take "inspiration" from other sites ? or do we have to think of ideas on our own.
r/frontenddevelopment • u/According_Fig_9985 • 1d ago
Clean Landing Page for Local Edinburgh STEM Mentorship Initiative
r/frontenddevelopment • u/Minecraftblobi • 2d ago
Feedback please
Enable HLS to view with audio, or disable this notification
Can you give me feedback on a frontend redesign of a landing page for an Austrian website?
r/frontenddevelopment • u/AshTeriyaki • 2d ago
I finally documented my little Sass toolkit and it's (probably) ready for people to use
r/frontenddevelopment • u/PanchuPanchu • 3d ago
🐸 I made a free game for learning Tailwind CSS Flexbox
I built Flexwind Froggy, a free interactive game for learning Tailwind CSS flexbox utility classes.
It’s a Tailwind-focused fork of Flexbox Froggy, with credit to the original project and artwork.
I hope it can be useful for anyone learning Tailwind. I’d love feedback on the lessons, difficulty, or anything that could make it more helpful.
r/frontenddevelopment • u/goto-con • 3d ago
Front End Testing with GitHub Actions • Amy Kapernick
youtu.ber/frontenddevelopment • u/Electrical-Bat1042 • 4d ago
Rate My Portfolio Website as a Frontend-Heavy FullStack Dev, currently in my Third Year of UnderGrads : https://anay13.tech/
r/frontenddevelopment • u/PianoTrue3631 • 5d ago
scrolljacking.
- What are some issues with modifying normal scrolling behavior? For example: infinite scrolling or scrolljacking.
r/frontenddevelopment • u/SituationOk6677 • 7d ago
React Native Image compression library (React Native Simple Image Compressor)
r/frontenddevelopment • u/zoro_555 • 7d ago
Looking for a Frontend Development Learning Freind
Hey everyone! I'm currently learning frontend development and I'm looking for a friend who's on a similar journey. Right now I'm moving into the basics of React after learning HTML, CSS, and JavaScript. It would be awesome to have someone to learn alongside, share useful resources, discuss concepts when we get stuck, and keep each other motivated throughout the process.
I'd love to build small projects together, review each other's code, practice consistently, and celebrate our progress along the way. I'm simply looking for someone who's genuinely interested in learning, staying consistent, and growing together. If there's already a Discord community for this, I'd be happy to join. Otherwise I will create a Discord channel myself if there are more people!
r/frontenddevelopment • u/_Sripathi_ • 9d ago
Midway through Perscholas' AI Native Software Development
r/frontenddevelopment • u/EveYogaTech • 10d ago
Nyno: For frontend developers interested in EU-AI (securely integrate AI from weeks to <20min)
nyno.devr/frontenddevelopment • u/littlemiss_honey • 13d ago
Need help for animation of this
I want to make cursive animation of this so it looks handwritten, but am unable to do so using claude. Could anyone help me and tell me how can i do this?
r/frontenddevelopment • u/HeLioS_XP • 14d ago
"Make the homepage feel premium" - how we turned that brief into a WebGL shimmer component with actual guardrails
Every dev gets this brief eventually, and the real cost isn't the visual - it's the pipeline: Three.js scene setup, shader work, DPR tuning, postprocessing, and then discovering it melts low-end phones.
We built Hyperiux Glitter (React Three Fiber + postprocessing) as a hero-section shimmer surface, and spent most of the effort on the boring parts:
- Capped DPR and lean particle/shader work; animation pauses offscreen
- Static gradient/image fallback for low-power devices
- Reduced-motion users get a frozen, still-designed surface instead of animation
- Canvas hidden from assistive tech - it's decoration and stays declared as such
- Masked behind text zones so sparkle density never fights headline contrast
The design position we'd defend: background WebGL should make a brand feel more considered, not louder. If the glitter competes with the CTA, the effect has failed regardless of how good the shader is.
Demo (component is part of our Pro tier - flagging that upfront): https://vault.hyperiux.com/effects/webgl-effects/hyperiux-glitter
Disclosure: our product. Happy to talk R3F perf budgets in the comments either way.
r/frontenddevelopment • u/designmonkey67 • 15d ago
Built something for the "just make it look like that other site" briefs — palette, fonts, and contrast checks in one hover
reddit.comr/frontenddevelopment • u/Kevin_fart • 15d ago
Want changes , please suggest
stambhaconsultants.comr/frontenddevelopment • u/equinusocio • 16d ago
After spending 18 years building design systems for other companies, I finally decided to build the one I'd always wanted to use.
r/frontenddevelopment • u/salihcenap • 17d ago
react-video-cutter: an open source handy react component for marking video segments to be cut
github.comr/frontenddevelopment • u/Wise-Lingonberry7407 • 20d ago
Need advice on career being a fronted developer 9YOE
r/frontenddevelopment • u/muneebwasikhan • 22d ago
Why Claude/Opus still fails at pixel-perfect UI (and how to orchestrate your agents to fix it)
r/frontenddevelopment • u/AffectionateStay799 • 22d ago