day 7/100 of design engineering things in @Framer

today, I've made a component that takes an SVG, turns it into many little dashes, and you can scatter/assemble it on hover, click, appear, or scroll.

should I release it on the marketplace? 👀

day 6/100 of design engineering things in @Framer

Should I start messaging online blind stores to see if they want to use it? It's honestly so cool.

day 5/100 of design engineering things in @Framer

who wants to play?

https://soft-light-lamp.framer.website

day 4/100 of design engineering things in @Framer

"hey claude, I'll give you a flower svg, create me a cool flower meadow, add some grass, make it move on hover and generate it as a framer code component"

yeah it was not so easy, I had to go back and forth with claude for around 2 hours but I'm pretty happy with this effect 🌸

day 3/100 of design engineering things in @Framer

don't ask me how much time I spent building this component and it's still not ready

what I got so far:

- ability to add images wherever you want

- flexible sizing for all screens

- 3 types of gradients

- noise

- hover trail

- variety of patterns

day 2/100 of design engineering things in @Framer

made a divider you can actually pluck and it also reacts to scroll

elastic line + elastic text, works for section breaks, portfolio titles, whatever you want

who wants the component? 👀

glyph trail just landed on the marketplace

day 1/100 of design engineering things in @Framer

hero section, ready to use. glyph trail included

https://framer.link/glyph-trail-hero

New component: Glass Fold Ticker.

Your images, folded into a corridor of glass panels. Flat through the middle, angled at the edges.

glass fold ticker, built out of 3 images on loop

sharing as a free component soon 👀

scan it, and you might be able to remix it

built with the agent

@Framer agent is even cooler when you take an out-of-the-box approach.

just building for fun at this point and seeing what's possible.

I asked Framer Agent to create a hero for a divorce lawyer site, and for a fun twist I had it build a component where an image splits in two as you scroll, like a couple growing apart. I quite like what it came up with.

btw. long time no see, hope all is well! I might finally come back to post more regularly :D

I spent way too long creating inverted corners in Framer. Every time I needed them done, it was the same routine. Drawing a vector, sizing it by hand, redoing it when the radius changed, and adding a second shape if I needed padding.

So I finally built a code component for it. Honestly should have done it months ago. Now, if the radius changes, I just update the number and the shape follows.

I published it on the Marketplace for free in case anyone has been doing this the hard way too.

Let me know if you find it useful.

Check it out on the marketplace.