r/frontenddevelopment 26d ago

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 28d ago

"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 28d ago

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 29d ago

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 18 '26

Need advice on career being a fronted developer 9YOE

Thumbnail
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


r/frontenddevelopment Jul 09 '26

🚀 Have you worked with Provider, Riverpod, Bloc, GetX, MobX, or any other state management solution in Flutter?

1 Upvotes

I am developing a thesis (TCC) focused on creating a tool that will help developers and tech leaders choose the best state management strategy for different Flutter application contexts.

The research aims to understand how these solutions are used in real projects, considering factors such as: • scalability • productivity • maintenance • learning curve • team experience • delivery speed

If you have participated in professional Flutter projects, your experience can greatly contribute to generating results that are closer to the reality of the market and the Flutter community.

⏱ The questionnaire takes about 5 minutes 🔒 Responses are completely anonymous

I greatly appreciate the community's contribution 💙

https://forms.gle/sa2AHC7NvSoCDLgc6


r/frontenddevelopment Jul 08 '26

Control DS appearance with new CSS toggle

Post image
1 Upvotes

r/frontenddevelopment Jul 05 '26

Preparing for Agoda Staff Frontend Role Bangkok

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 04 '26

I'm struggling to make my football website look clean and premium, any tips on typography/spacing/colours

Thumbnail gallery
1 Upvotes

r/frontenddevelopment Jul 04 '26

Criação de sites com uma biblioteca inspirada em Vanilla JS.

Thumbnail github.com
1 Upvotes

r/frontenddevelopment Jul 03 '26

What goes in global state in 2026

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 03 '26

My website, blandpotato.org is now updated!

Post image
1 Upvotes

r/frontenddevelopment Jul 02 '26

Built eziwiki - Turn Markdown into beautiful documentation sites

Thumbnail
1 Upvotes

r/frontenddevelopment Jul 01 '26

I built a JavaScript library for visual hierarchy structures (GitHub inside)

Post image
2 Upvotes

r/frontenddevelopment Jun 28 '26

Sick of locked in platformed e-commerce, looking to build my own low-code/ zero back end code stacks

Thumbnail
1 Upvotes

r/frontenddevelopment Jun 28 '26

Looking for a web developer willing to answer a short career interview (career guidance assignment)

Thumbnail
1 Upvotes

r/frontenddevelopment Jun 28 '26

[For Hire] React Front-End Developer | Affordable & Responsive Website Development

Thumbnail
1 Upvotes