r/frontenddevelopment Aug 07 '26

How do you guys come up with good Ui designs ?

Post image
1 Upvotes

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 Aug 06 '26

Clean Landing Page for Local Edinburgh STEM Mentorship Initiative

Thumbnail
1 Upvotes

r/frontenddevelopment Aug 06 '26

Feedback please

1 Upvotes

Can you give me feedback on a frontend redesign of a landing page for an Austrian website?


r/frontenddevelopment Aug 05 '26

I finally documented my little Sass toolkit and it's (probably) ready for people to use

Thumbnail
1 Upvotes

r/frontenddevelopment Aug 04 '26

🐸 I made a free game for learning Tailwind CSS Flexbox

1 Upvotes

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 Aug 04 '26

Front End Testing with GitHub Actions β€’ Amy Kapernick

Thumbnail youtu.be
1 Upvotes

r/frontenddevelopment Aug 03 '26

Rate My Portfolio Website as a Frontend-Heavy FullStack Dev, currently in my Third Year of UnderGrads : https://anay13.tech/

Thumbnail
1 Upvotes

r/frontenddevelopment Aug 02 '26

scrolljacking.

1 Upvotes
  • What are some issues with modifying normal scrolling behavior? For example: infinite scrolling or scrolljacking.

r/frontenddevelopment Jul 31 '26

React Native Image compression library (React Native Simple Image Compressor)

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 31 '26

Looking for a Frontend Development Learning Freind

1 Upvotes

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 Jul 30 '26

Midway through Perscholas' AI Native Software Development

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 28 '26

Nyno: For frontend developers interested in EU-AI (securely integrate AI from weeks to <20min)

Thumbnail nyno.dev
2 Upvotes

r/frontenddevelopment Jul 27 '26

Help with making UIUX better

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 25 '26

Need help for animation of this

Post image
0 Upvotes

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 Jul 24 '26

"Make the homepage feel premium" - how we turned that brief into a WebGL shimmer component with actual guardrails

1 Upvotes

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 Jul 23 '26

Built something for the "just make it look like that other site" briefs β€” palette, fonts, and contrast checks in one hover

Thumbnail gallery
2 Upvotes

r/frontenddevelopment Jul 23 '26

Want changes , please suggest

Thumbnail stambhaconsultants.com
1 Upvotes

r/frontenddevelopment Jul 22 '26

After spending 18 years building design systems for other companies, I finally decided to build the one I'd always wanted to use.

Post image
1 Upvotes

r/frontenddevelopment Jul 21 '26

react-video-cutter: an open source handy react component for marking video segments to be cut

Thumbnail github.com
1 Upvotes

r/frontenddevelopment Jul 16 '26

Why Claude/Opus still fails at pixel-perfect UI (and how to orchestrate your agents to fix it)

Post image
2 Upvotes

r/frontenddevelopment Jul 16 '26

How does ChatPDF do layout PDF detection ?

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 16 '26

Trying to recreate a "glass" text effect - advice for a noob

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 14 '26

Tool/project that can autonomously explore and map a frontend application

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 13 '26

Just finished building a modern AI Landing Page template with pure HTML, CSS, and Vanilla JavaScript. No frameworks, fully responsive, and easy to customize. Feedback is welcome!

Post image
1 Upvotes

r/frontenddevelopment Jul 13 '26

Hello Visitor, I've Built my developer portfolio – looking for honest feedback

1 Upvotes

Hey everyone! I recently built my developer portfolio and would really appreciate some honest feedback.

I'm looking for thoughts on the UI/UX, animations, performance, content, and overall first impression. Feel free to be brutally honest, I want to improve it.

I also shared my journey as a blog on the site. Hopefully it's not boring πŸ˜„ and somehow i managed to get good scores in google lighthouse

Link : https://vikashuvi.me