The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Ciao!
I just released Nabby, a free copy to clipboard component for Framer.
Another copy button component, why?
My projects, and my studio’s projects, need full control over every interaction. Most components I found let me tweak a color or a radius, but not use my own button, my own animations, my own feedback. So I started writing the ones I needed.
How it works?
You drop in your own frames or button and your own notification, with their variants, hover states and effects, and Nabby takes care of the copy logic. It comes with a working default, so it’s ready in three clicks and you can make it yours whenever you want.
Who is it for?
Designers like me, who don’t want a button to restyle but they want to use their own.
I use my components in my projects every day and keep them updated and tested, but there’s always room to improve. If you try Nabby and have suggestions or ideas, I’m all ears. ✌️
I thought it could help other designers like me, so here it is, free here on Contra and on the Framer Marketplace.
Ciao Dev, that’s the whole idea, your style stays yours. Thanks for getting it! ✌️
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Text animation looks like a small detail, until you put a few versions side by side 👀
Which one works better for you, A or B?
16 voted
44%
20 voted
56%
36 votes
Closed
B is way smooth
New here, so I'm slowly filling in my portfolio and getting to know the place. So far I like it.
Here's an extract from Software Intelligence, a Framer site I designed and built a few months ago for an enterprise data consulting startup.
The visual idea mirrors what they do with data: compact blocks that animate, break apart and recompose, like charts taking shape. Few effects, all consistent, everything managed through the CMS.
If you have a minute, take a look at the full case study.
I'd love to know what you think, especially whether the motion supports the content or ends up overpowering it.
You're very welcome, Francesco — glad the note landed. The motion in that extract really does the heavy lifting for the content, so keep sharing your work here. Looking forward to seeing what's next from you. ✌️
AI Analytics Dashboard
One blue runs from the logo to the chart line.
Revenue, active users, conversion rate and income sit in a row of cards above the trend chart. The cards answer where the numbers stand. The stepped line answers how they got there, holding each period's value until the next, with a tooltip on a dashed guide line for the exact figure.
The identity pairs a four-arc mark with a condensed wordmark, drawn to the same top and bottom lines on the construction grid. The top arc's blue comes back in the slogan tile, the chart line and the main button, so the brand and the product share one accent.
Designed by the Hue & Machine team.
#DashboardDesign #DataVisualization #SaaS #Analytics #AI #WebApp #BrandIdentity #UIDesign #ProductDesign #FigmaDesign
