Blog

Filter blog

Category

Reset

Guide

Tips & tricks

Toplist

Blog

Category

Reset

Guide

Tips & tricks

Toplist

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

Nandi Muzsik

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

  • Diagram showing a white "Random Frame" linking to a purple "Component" using a trigger connection

    How to Trigger Interactions with Any Element in Framer

    Guide

    Diagram showing a white "Random Frame" linking to a purple "Component" using a trigger connection

    How to Trigger Interactions with Any Element in Framer

    Guide

    Diagram showing a white "Random Frame" linking to a purple "Component" using a trigger connection

    How to Trigger Interactions with Any Element in Framer

    Guide

  • Dark UI panel describing a mobile drawer component for Framer with two external links

    How to Replace Mobile Overlays with Drawers in Framer

    Guide

    Dark UI panel describing a mobile drawer component for Framer with two external links

    How to Replace Mobile Overlays with Drawers in Framer

    Guide

    Dark UI panel describing a mobile drawer component for Framer with two external links

    How to Replace Mobile Overlays with Drawers in Framer

    Guide

  • Dark UI card showing session management info with a key icon

    How to Create Micro-Interactions in Framer

    Guide

    Dark UI card showing session management info with a key icon

    How to Create Micro-Interactions in Framer

    Guide

    Dark UI card showing session management info with a key icon

    How to Create Micro-Interactions in Framer

    Guide

  • Framer fill settings panel showing hidden tile preset option

    6 Hidden Features in Framer You Didn’t Know About

    Toplist

    Framer fill settings panel showing hidden tile preset option

    6 Hidden Features in Framer You Didn’t Know About

    Toplist

    Framer fill settings panel showing hidden tile preset option

    6 Hidden Features in Framer You Didn’t Know About

    Toplist

  • Framer animate along path with curved motion line and arrow

    How to Animate Elements Along a Path

    Guide

    Framer animate along path with curved motion line and arrow

    How to Animate Elements Along a Path

    Guide

    Framer animate along path with curved motion line and arrow

    How to Animate Elements Along a Path

    Guide

  • Framer animated icon with hover cursor effect

    How to Animate Icons on Hover in Framer

    Guide

    Framer animated icon with hover cursor effect

    How to Animate Icons on Hover in Framer

    Guide

    Framer animated icon with hover cursor effect

    How to Animate Icons on Hover in Framer

    Guide

  • Protein chips mix box product card with reviews

    How to Create Animated Product Cards with AI in 2025

    Guide

    Protein chips mix box product card with reviews

    How to Create Animated Product Cards with AI in 2025

    Guide

    Protein chips mix box product card with reviews

    How to Create Animated Product Cards with AI in 2025

    Guide

  • Text reading ‘God Rays’ with a dramatic radial light beam effect radiating outward from the center, creating a glowing blue halo on a dark background

    How to Create an Animated God Rays Effect in Framer

    Guide

    Text reading ‘God Rays’ with a dramatic radial light beam effect radiating outward from the center, creating a glowing blue halo on a dark background

    How to Create an Animated God Rays Effect in Framer

    Guide

    Text reading ‘God Rays’ with a dramatic radial light beam effect radiating outward from the center, creating a glowing blue halo on a dark background

    How to Create an Animated God Rays Effect in Framer

    Guide

  • Abstract kinetic hover animation of the Framer logo with vertical white lines forming geometric shapes and a moving red dot on a black background

    How to Create a Kinetic Hover Effect in Framer

    Guide

    Abstract kinetic hover animation of the Framer logo with vertical white lines forming geometric shapes and a moving red dot on a black background

    How to Create a Kinetic Hover Effect in Framer

    Guide

    Abstract kinetic hover animation of the Framer logo with vertical white lines forming geometric shapes and a moving red dot on a black background

    How to Create a Kinetic Hover Effect in Framer

    Guide

  • Bezier curve with anchor points and cursor on dark background

    How to Use Framer as Figma

    Guide

    Bezier curve with anchor points and cursor on dark background

    How to Use Framer as Figma

    Guide

    Bezier curve with anchor points and cursor on dark background

    How to Use Framer as Figma

    Guide

  • Call-to-action button with text ‘150% more clicks’

    How to Optimize Conversions on Your Framer Websites

    Guide

    Call-to-action button with text ‘150% more clicks’

    How to Optimize Conversions on Your Framer Websites

    Guide

    Call-to-action button with text ‘150% more clicks’

    How to Optimize Conversions on Your Framer Websites

    Guide

  • AI prompt to generate knitting shop website on dark background

    The New AI Workflow for Building Websites

    Guide

    AI prompt to generate knitting shop website on dark background

    The New AI Workflow for Building Websites

    Guide

    AI prompt to generate knitting shop website on dark background

    The New AI Workflow for Building Websites

    Guide

  • Figma logo with arrow pointing to 'Website' text on a black background

    How to Turn Your Figma Designs into Websites Easily

    Guide

    Figma logo with arrow pointing to 'Website' text on a black background

    How to Turn Your Figma Designs into Websites Easily

    Guide

    Figma logo with arrow pointing to 'Website' text on a black background

    How to Turn Your Figma Designs into Websites Easily

    Guide

  • Text scramble animation effect showing scrambled characters in a blue-outlined box

    How to Create a Text Scramble Effect in Framer

    Guide

    Text scramble animation effect showing scrambled characters in a blue-outlined box

    How to Create a Text Scramble Effect in Framer

    Guide

    Text scramble animation effect showing scrambled characters in a blue-outlined box

    How to Create a Text Scramble Effect in Framer

    Guide

  • Size control UI with dropdown for units: Rem, Px, Fit

    The Key to Achieving Responsive Text in Framer

    Tips & tricks

    Size control UI with dropdown for units: Rem, Px, Fit

    The Key to Achieving Responsive Text in Framer

    Tips & tricks

    Size control UI with dropdown for units: Rem, Px, Fit

    The Key to Achieving Responsive Text in Framer

    Tips & tricks

  • Laptop screen displaying a no-code design tool with interface for creating scroll animations

    How to Play Video on Scroll on Framer Websites

    Guide

    Laptop screen displaying a no-code design tool with interface for creating scroll animations

    How to Play Video on Scroll on Framer Websites

    Guide

    Laptop screen displaying a no-code design tool with interface for creating scroll animations

    How to Play Video on Scroll on Framer Websites

    Guide

  • "Add to calendar" button with calendar icon, hover effect, and cursor pointer on dark background

    How to Create an “Add to Calendar” Button in Framer

    Guide

    "Add to calendar" button with calendar icon, hover effect, and cursor pointer on dark background

    How to Create an “Add to Calendar” Button in Framer

    Guide

    "Add to calendar" button with calendar icon, hover effect, and cursor pointer on dark background

    How to Create an “Add to Calendar” Button in Framer

    Guide

  • Large text “6 Framer Tips” on dark blue gradient background with subtle glowing accents

    6 Framer Tips That 10x Your Websites

    Tips & tricks

    Large text “6 Framer Tips” on dark blue gradient background with subtle glowing accents

    6 Framer Tips That 10x Your Websites

    Tips & tricks

    Large text “6 Framer Tips” on dark blue gradient background with subtle glowing accents

    6 Framer Tips That 10x Your Websites

    Tips & tricks

  • Collage of scroll-based UI animations showcasing a laptop, image stack, and category tiles

    4 Amazing Framer Scroll Animations (And How They’re Built)

    Toplist

    Collage of scroll-based UI animations showcasing a laptop, image stack, and category tiles

    4 Amazing Framer Scroll Animations (And How They’re Built)

    Toplist

    Collage of scroll-based UI animations showcasing a laptop, image stack, and category tiles

    4 Amazing Framer Scroll Animations (And How They’re Built)

    Toplist

  • Inverted cursor hover effect on black and white UI

    How to Create a Custom Cursor in Framer

    Guide

    Inverted cursor hover effect on black and white UI

    How to Create a Custom Cursor in Framer

    Guide

    Inverted cursor hover effect on black and white UI

    How to Create a Custom Cursor in Framer

    Guide