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
I turned one of my favourite little interactions from my portfolio into a free Framer component .
Arrange My Desk is an interactive desk section where visitors can drag the objects around and make the space their own.
I originally built it for my portfolio because I wanted my About section to feel a little more like me, rather than just another block of text and images. After seeing people recreate and clone my GitHub component, I decided to turn it into something anyone can easily use in Framer as well.
You can customise the objects, layout and content to make it fit your own site.
Free to use - grab the component and arrange your own desk ↓
Framer setup tip:
Set the component width to Fill and use around 700px height on desktop / 580px on mobile.
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
Framer agent templates are out, and seven of mine are in 🔥
Plakat, Datum, Halation, Parallel, Tender, Signal and Oda.
An agent template is built for Framer's agent to work on. Every colour and text style has a name that says what it's for, there's a design system page, and skills that tell the agent how the site fits together.
So you can ask for a rebrand, a new section or a whole new page. The agent works with the template's own styles and components and doesn't have to guess.
All agent templates: https://www.framer.com/marketplace/templates/?agent=true
Mine, also in HTML and React: https://no-code.supply/templates
Naming every colour and text style by purpose so the agent knows what it's touching is the part I think most templates will need to catch up on. Congrats on getting seven in at launch, Lauri!
This Framer Page Load is made by me recently. 🚀
The page effect of Framer took shape in just 5 Steps!
i've tried to build this without any components, so I only set up the animations and loadings ⚡️
Check the replies for the rest of the tutorial.
Clean work, love it.
Never seen an e-commerce store on @Framer
So I built one for Sensul.
Only because it was the right call for the client. Full CMS control, no developers on standby, just them running their store.
Dawit Woldemariam had a design background, so Framer made sense for him.
The harder challenge was the design.
Inspiration: Basquiat's art style turned into Ethiopian style.
The brief: "Make it artistic without overwhelming the site."
Result: Basquiat art style X Ethiopian literature.
A storefront, nothing like I've ever seen before in other art gallery sites.
Note: The live site has since been discontinued, so the link below goes to the project I designed in Framer if you want to check it out.
https://sensul.framer.website/ (there is a cool parallax effect when you scroll)
DM me if you want to tell a story through your brand/website.
Full CMS control with no developer on standby is a strong reason to pick Framer for a store like this. The Basquiat inspired visual direction gives it a personality most ecommerce sites lack.