u/Unlikely_Gap_5065

Been experimenting with interactive backgrounds in Framer lately and wanted to share how I approached this one — scattered arrow particles that drift and react to cursor movement.

A few things I learned building it:

• Getting the particle movement to feel natural (not jittery) took tuning the easing/spring values rather than linear tracking
• Performance was the tricky part — capping the particle count and using transform instead of top/left made a big difference on lower-end devices
• Random initial rotation + staggered delays on each arrow made the scatter feel less mechanical

Happy to answer questions if anyone's building something similar or wants to know how the mouse-tracking logic works under the hood.

If anyone wants to try it, I made it free to use here: https://framespark.io/background/arrow-background

Framer portfolio template built for designers, design engineers, developers, and freelancers who want a portfolio that actually looks like it was designed, not assembled.

Who it's for: UI/UX designers, product designers, Framer/frontend devs, freelancers, and anyone who wants a credible personal site without starting from a blank canvas.

Please check it and give me your inputs

While building Framer websites, we noticed we were recreating the same sections over and over again.

Hero sections, navbars, pricing tables, FAQs, testimonials, CTAs, footers... every new project started with rebuilding the same foundation.

Instead of repeating that process, we started creating reusable components and blocks for ourselves. Over time, that evolved into FrameSpark.

Today it includes:

• 100+ reusable website blocks
• 60+ production-ready components
• Premium Framer templates
• Fully responsive, customizable sections that help speed up website building

Our goal isn't to replace creativity. It's to remove repetitive work so designers can spend more time refining the experience instead of rebuilding the basics.

We're sharing this here because we'd genuinely love feedback from the design community.

What section do you find yourself rebuilding most often in Framer or other website builders?

Any thoughts on the UI, organization, or overall experience would be incredibly helpful. We're actively improving it based on community feedback.

Saw this today and found it really interesting. It’s amazing how most brands gradually moved from detailed, complex logos to simple, minimal designs. The shift makes sense with today’s focus on digital products, scalability, and readability. Still, I can’t help but feel that some of the older versions had a lot more character.

I found this login form sizing guide and thought it could be useful for anyone learning UI design.

When I started designing forms, I mostly focused on colors and visual style. Over time I realized that spacing, input heights, font sizes, and consistent padding often have a bigger impact on usability.

I came across this reference showing different types of form inputs and thought it might be useful for other beginners.

When I first started designing forms, I mostly used basic text inputs for everything. Over time I realized that choosing the right input type can make forms easier to complete and reduce user mistakes.

Are there any form field patterns you find yourself using most often in your projects?

Found this comparison while studying UI layouts and thought it was worth sharing.

At first glance, both designs contain the same information. But the version on the right feels much easier to scan because the elements follow a clearer alignment system.

One thing I'm learning is that good UI design is often less about adding elements and more about organizing them better.

Alignment and spacing seem like small details, but they can completely change how a design feels to users.

Found this toggle/button breakdown really useful while studying component design in Figma.

The glow and layered shadows also help create better visual focus for the active state without making it feel too heavy.

It’s a simple component, but there’s actually a lot of UI thinking behind it.

Found this navbar breakdown really useful while learning mobile UI design.

What I like about it is that it shows how small spacing and sizing decisions create a more balanced navigation experience.

The floating center button also helps create a clear visual focus for the main action.

Small layout details like this make navigation feel much cleaner and easier to use.

I recently learned this border radius tip and honestly it makes a bigger difference than I expected.

A common mistake is giving the inner element and outer container the exact same radius. It usually makes the corners feel visually off.

Small details like this can make components feel much smoother and more balanced.

I found this button sizing reference really useful while practicing UI design, especially for creating more consistent components.

One thing I’ve been learning is that good buttons are not just about colors or gradients. Spacing, height, and padding make a huge difference in how clean and balanced a UI feels.

It also shows how icon-only buttons and icon + text buttons use slightly different spacing systems.

Sharing in case it helps someone else learning component design.

I found this typography comparison really helpful while learning UI design.

A few things I learned from this:

• Keep a clear font hierarchy
• Avoid random font sizes
• Use consistent scaling
• Make button text balanced with the rest of the UI
• Readability matters more than making text bigger

Small typography decisions really change how polished a design feels