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

  • Interactive magnetic button effect with hover animation in Framer UI

    How to Make Magnetic Buttons in Framer

    Guide

    Interactive magnetic button effect with hover animation in Framer UI

    How to Make Magnetic Buttons in Framer

    Guide

    Interactive magnetic button effect with hover animation in Framer UI

    How to Make Magnetic Buttons in Framer

    Guide

  • Pixel trail effect, iPadOS pointer cursor, and parallax floating elements in Framer UI

    Use These 6 Components to Make Your Website Feel Premium

    Toplist

    Pixel trail effect, iPadOS pointer cursor, and parallax floating elements in Framer UI

    Use These 6 Components to Make Your Website Feel Premium

    Toplist

    Pixel trail effect, iPadOS pointer cursor, and parallax floating elements in Framer UI

    Use These 6 Components to Make Your Website Feel Premium

    Toplist

  • Abstract digital backgrounds with fluid, grid, fire, and metallic textures

    How to Create Beautiful Website Backgrounds in Framer

    Guide

    Abstract digital backgrounds with fluid, grid, fire, and metallic textures

    How to Create Beautiful Website Backgrounds in Framer

    Guide

    Abstract digital backgrounds with fluid, grid, fire, and metallic textures

    How to Create Beautiful Website Backgrounds in Framer

    Guide

  • Animated cursor with motion trail effect on dark background

    How to Make Any Element Follow Your Cursor in Framer

    Guide

    Animated cursor with motion trail effect on dark background

    How to Make Any Element Follow Your Cursor in Framer

    Guide

    Animated cursor with motion trail effect on dark background

    How to Make Any Element Follow Your Cursor in Framer

    Guide

  • Interactive image hover effect with bold typography and a Cybertruck

    How to Create an Image Cursor Hover Interaction in Framer

    Guide

    Interactive image hover effect with bold typography and a Cybertruck

    How to Create an Image Cursor Hover Interaction in Framer

    Guide

    Interactive image hover effect with bold typography and a Cybertruck

    How to Create an Image Cursor Hover Interaction in Framer

    Guide

  • Modern image slider with navigation arrows and thumbnail previews

    How to Create a CMS Gallery Slideshow in Framer

    Guide

    Modern image slider with navigation arrows and thumbnail previews

    How to Create a CMS Gallery Slideshow in Framer

    Guide

    Modern image slider with navigation arrows and thumbnail previews

    How to Create a CMS Gallery Slideshow in Framer

    Guide

  • Minimal countdown timer UI with days, hours, minutes, and seconds display

    How to Add a Countdown Timer to a Framer Website

    Guide

    Minimal countdown timer UI with days, hours, minutes, and seconds display

    How to Add a Countdown Timer to a Framer Website

    Guide

    Minimal countdown timer UI with days, hours, minutes, and seconds display

    How to Add a Countdown Timer to a Framer Website

    Guide

  • MacOS-style app dock with hover effect on the central icon

    How to Create Micro-Interactions in Framer

    Guide

    MacOS-style app dock with hover effect on the central icon

    How to Create Micro-Interactions in Framer

    Guide

    MacOS-style app dock with hover effect on the central icon

    How to Create Micro-Interactions in Framer

    Guide

  • Blurred UI carousel with a focus on app selection modal

    10 Best Micro-Interactions in Framer

    Toplist

    Blurred UI carousel with a focus on app selection modal

    10 Best Micro-Interactions in Framer

    Toplist

    Blurred UI carousel with a focus on app selection modal

    10 Best Micro-Interactions in Framer

    Toplist

  • A user interface shows two subscription plans, 'Pro' for $79.99/month and 'Business' for $309.99/month, each with a credit adjustment slider and a 'Get Started' button

    Creating a Dynamic Pricing Slider

    Guide

    A user interface shows two subscription plans, 'Pro' for $79.99/month and 'Business' for $309.99/month, each with a credit adjustment slider and a 'Get Started' button

    Creating a Dynamic Pricing Slider

    Guide

    A user interface shows two subscription plans, 'Pro' for $79.99/month and 'Business' for $309.99/month, each with a credit adjustment slider and a 'Get Started' button

    Creating a Dynamic Pricing Slider

    Guide

  • A design titled 'Scroll Animation' features a black and white image of a bench, with arrows and a hand icon suggesting interactive scroll animation direction on the screen

    The Easiest Framer Scroll Animation Technique

    Tips & tricks

    A design titled 'Scroll Animation' features a black and white image of a bench, with arrows and a hand icon suggesting interactive scroll animation direction on the screen

    The Easiest Framer Scroll Animation Technique

    Tips & tricks

    A design titled 'Scroll Animation' features a black and white image of a bench, with arrows and a hand icon suggesting interactive scroll animation direction on the screen

    The Easiest Framer Scroll Animation Technique

    Tips & tricks

  • Collection of colorful, animated icons including a ghost, cloud, and smiling faces on a black background

    4 Ways to Animate a Framer Website

    Toplist

    Collection of colorful, animated icons including a ghost, cloud, and smiling faces on a black background

    4 Ways to Animate a Framer Website

    Toplist

    Collection of colorful, animated icons including a ghost, cloud, and smiling faces on a black background

    4 Ways to Animate a Framer Website

    Toplist

  • Sleek presentation slide with 'Text Wave Component' written in white on a plain black background

    How to Create Animated Text Wave Effect in Framer

    Guide

    Sleek presentation slide with 'Text Wave Component' written in white on a plain black background

    How to Create Animated Text Wave Effect in Framer

    Guide

    Sleek presentation slide with 'Text Wave Component' written in white on a plain black background

    How to Create Animated Text Wave Effect in Framer

    Guide

  • Stylized blue double arrow graphic with the text '10x' on a dark textured background

    How to Build Framer Websites 10x Faster

    Guide

    Stylized blue double arrow graphic with the text '10x' on a dark textured background

    How to Build Framer Websites 10x Faster

    Guide

    Stylized blue double arrow graphic with the text '10x' on a dark textured background

    How to Build Framer Websites 10x Faster

    Guide

  • Dramatic close-up of a keyboard with a glowing red key labeled '6 Mistakes', surrounded by other dark keys, highlighting a theme of caution or warning in a tech context

    6 Mistakes to Avoid When Using Framer

    Toplist

    Dramatic close-up of a keyboard with a glowing red key labeled '6 Mistakes', surrounded by other dark keys, highlighting a theme of caution or warning in a tech context

    6 Mistakes to Avoid When Using Framer

    Toplist

    Dramatic close-up of a keyboard with a glowing red key labeled '6 Mistakes', surrounded by other dark keys, highlighting a theme of caution or warning in a tech context

    6 Mistakes to Avoid When Using Framer

    Toplist

  • Comparison of website navigation menus in desktop and mobile formats showing open and closed states, with a black background and options for lessons, resources, and blog

    How to Create a Responsive Navigation in Framer

    Guide

    Comparison of website navigation menus in desktop and mobile formats showing open and closed states, with a black background and options for lessons, resources, and blog

    How to Create a Responsive Navigation in Framer

    Guide

    Comparison of website navigation menus in desktop and mobile formats showing open and closed states, with a black background and options for lessons, resources, and blog

    How to Create a Responsive Navigation in Framer

    Guide

  • Bold '10X' text illuminated in blue light with a dynamic zigzag pattern in the background, set against a dark gradient backdrop

    How to Optimize Your Framer Sites

    Guide

    Bold '10X' text illuminated in blue light with a dynamic zigzag pattern in the background, set against a dark gradient backdrop

    How to Optimize Your Framer Sites

    Guide

    Bold '10X' text illuminated in blue light with a dynamic zigzag pattern in the background, set against a dark gradient backdrop

    How to Optimize Your Framer Sites

    Guide

  • Two toggle switches on a black background, one blue and off, the other green and on with a hand cursor activating it

    4 Pro Tips for Framer Interactions

    Tips & tricks

    Two toggle switches on a black background, one blue and off, the other green and on with a hand cursor activating it

    4 Pro Tips for Framer Interactions

    Tips & tricks

    Two toggle switches on a black background, one blue and off, the other green and on with a hand cursor activating it

    4 Pro Tips for Framer Interactions

    Tips & tricks

  • A collection of animated effects displayed on dark tiles, including pixel trails, balloons, fireworks, cursor trails, scrambled text, a photo mosaic, and dynamic lines, highlighting various interactive components in a UI design tool

    Top 9 Framer Components to Take Your Site to The Next Level

    Toplist

    A collection of animated effects displayed on dark tiles, including pixel trails, balloons, fireworks, cursor trails, scrambled text, a photo mosaic, and dynamic lines, highlighting various interactive components in a UI design tool

    Top 9 Framer Components to Take Your Site to The Next Level

    Toplist

    A collection of animated effects displayed on dark tiles, including pixel trails, balloons, fireworks, cursor trails, scrambled text, a photo mosaic, and dynamic lines, highlighting various interactive components in a UI design tool

    Top 9 Framer Components to Take Your Site to The Next Level

    Toplist

  • User interface showcasing a 3D model of a sculpted hand, with options for adjusting the stone texture and properties such as metalness, roughness, and color, from a side panel displaying various stone textures to choose from

    The Secret Tool for Adding 3D Objects to Your Websites

    Tips & tricks

    User interface showcasing a 3D model of a sculpted hand, with options for adjusting the stone texture and properties such as metalness, roughness, and color, from a side panel displaying various stone textures to choose from

    The Secret Tool for Adding 3D Objects to Your Websites

    Tips & tricks

    User interface showcasing a 3D model of a sculpted hand, with options for adjusting the stone texture and properties such as metalness, roughness, and color, from a side panel displaying various stone textures to choose from

    The Secret Tool for Adding 3D Objects to Your Websites

    Tips & tricks