If you didn’t already know, a new (kind of) tool is taking the design community by storm; Framer.
Going from design, animations and interactions to publishing is blazingly fast, and it’s the one tool that you need to take a good look at.
The community that has sprung up around Framer in such a short time is impressive, and some really talented folks are showing what Framer is capable of, which these Framer Roundups aim to showcase for you.
Let’s get to it…
Templates & Components
Future Folio - Personal Portfolio Template
Created by Paul Lapkin
Future Folio is a beautiful, dark-themed, one-page design. With gorgeous animations throughout, it's a modern, fresh take on personal portfolios.
Hanna - Personal Template
Created by Marc Andrew
Hanna is a lightweight, and clean personal site for creators. CMS powered and ready to go, it's perfect for when you want to showcase your projects with minimal fuss.
Arc 3D Card
Created by Nándor Muzsik
Based on the Arc Browser Card hover animations, this is a beautifully subtle Component.
GIF Text
Created by Aleks
A subtle, but impressive text animation that can be presented in so many ways.
Advanced Clock
Created by Renzo Bianchi
A seriously impressive digital clock pulling in real data. Showcase the world in style.
Tutorials & Tips
Button Gradient Hover Effect
Created by Framer University
🪄 @Framer Tutorial!
— Framer University (@learnframer) March 1, 2023
👇 Here's how I created a gradient hover effect for my Framer button. pic.twitter.com/nuf0cbfaAW
Glow Button with Highlight Effect
Created by Nick Stfn
I didn't expect folks for such interest in the previous tweet and some of you guys asked for a tutorial.
— Nick Stfn (@stfnco) February 23, 2023
Here's how I made this glowy button with fancy highlight in @framer
Process and remix link in thread 🧵 pic.twitter.com/ZaweK5d6xp
Smooth Mask Scroll Animation
Created by Matt Jumper
Build a smooth mask scroll animation with no code on @framer.
— Matt Jumper (@mattjumper) February 8, 2023
Live demo w/ links to Remix + watch the tutorial on YouTube: https://t.co/RzyJPg8nOv pic.twitter.com/m08oBwZkMV
Animated Controls with Gallery
Created by Floris Verloop
Here’s a free @framer project that your can remix to learn:
— Floris Verloop (@fverloop) February 28, 2023
- How to set up an animated segmented control
- How to combine it with other components using events
- How to make an auto-playing gallery
Dive in: https://t.co/8XlCPQCTvR
Or learn how to set this up without code👇🏼 pic.twitter.com/nGsTbUFFiG
By the way, I’ve just created a new resource for all things Framer. It’s called Hey Framer and I’d love you to check it out. It’ll be updated with Free templates (from myself and guest contributors), tutorials and much more soon!
Oh. And if you have something that you’ve created in Framer and would like it included in the next Roundup then Submit your Resource at Hey Framer…
Thanks for reading the article,
Marc.
