Framer Tutorial: Creating Custom Web Cursors (No-Code)

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 34

  • @AdrianoReisDesign
    @AdrianoReisDesign 8 місяців тому +2

    Nandy always with the best framer tuts! 👏

  • @AdrianaMarino-o1e
    @AdrianaMarino-o1e 7 місяців тому

    perfect! this is exactly what I was looking for! thank you!!

  • @guyacey
    @guyacey 8 місяців тому

    Great video! 21:31 - To get an exit transition and not just an enter, a better way to do this would be to set the hide variant as the default cursor (on the desktop frame) and remove the interaction, and then set the Show cursor variant on the card hover :)

    • @framer.university
      @framer.university  8 місяців тому +1

      Yeah! Similarly how magic cursor was made in the video.

  • @Lucashsd1
    @Lucashsd1 8 місяців тому

    Amazing work bro! I learn a lot watching your content.

  • @Baaydogann
    @Baaydogann 8 місяців тому +2

    Can we make Custom Cursor that works with CMS? For example: when you hover over the product cards, the brand name will be written.

  • @someonetookmynick
    @someonetookmynick 7 місяців тому

    Great tut! Can you specify different images (or videos) to show next to the cursor depending on which frame you're hovering over?

    • @framer.university
      @framer.university  7 місяців тому +1

      Of course! Using the same techniques described in the video.

    • @someonetookmynick
      @someonetookmynick 7 місяців тому

      @@framer.university would you say there's a difference in performance between using this and creating a custom code component with GSAP for handling the animations? framer's animations feel clunky on my browsers sometimes!

  • @VitorOnoDesign
    @VitorOnoDesign 7 місяців тому

    This is awesome.

  • @sahil-shegokar
    @sahil-shegokar 5 місяців тому

    brother i love your video and i am your cool subscriber also can you please tell me your background music name or any link

  • @pingocho2718
    @pingocho2718 4 місяці тому

    How you can change a Variant into a Hover beside de first variant? y have Windows and i cant replicate that action. Thanks for de video!

    • @framer.university
      @framer.university  4 місяці тому

      You can add a unique hover state for each of your variants. Lemme know if I can help.

    • @pingocho2718
      @pingocho2718 4 місяці тому

      @@framer.university in the video, minute 7:08 you add first a variant and them you change to hover. How you do this? Excelent tutorials by the way! EDIT: Sorry for my bad english.

  • @fullstack-jack
    @fullstack-jack 5 місяців тому

    Can you reduce the padding for your window in your videos? A bit hard to see on mobile

  • @adrianwolfson3088
    @adrianwolfson3088 5 місяців тому

    I am not seeing any opacity or blending on custom cursor. Any idea why?

  • @FloNocode
    @FloNocode 8 місяців тому

    This is possible to add a video who play when you scroll on a image in a section look like you have made in you example with the image ?

    • @framer.university
      @framer.university  8 місяців тому

      I’m not sure if i fully understand what you want to achieve. Maybe you have an example?

    • @FloNocode
      @FloNocode 8 місяців тому

      @@framer.university by example in the thumbnail in a website , when you hover in a thumbnail with new cursor effect, a vidéo on the thumbnail open and play. By example a Netflix or UA-cam image and when you put the cursor on image WE Can see a vidéo about image /thumbnail

  • @FloNocode
    @FloNocode 8 місяців тому

    Hi , the cursor with the image don't work very well when you move fast. You know why ?

    • @framer.university
      @framer.university  8 місяців тому

      Works for me perfectly.

    • @FloNocode
      @FloNocode 8 місяців тому

      @@framer.university ok on your vidéo it seems not work perfectly but ok.

  • @mkbusiness3561
    @mkbusiness3561 8 місяців тому

    name microphone?

  • @jazzeeblaze
    @jazzeeblaze 8 місяців тому +2

    First 🎉😅

  • @onuohaui
    @onuohaui Місяць тому

    Mine doesn't allow me to click 😄
    I dab.

  • @AtomicPixels
    @AtomicPixels 7 місяців тому

    Im confused. This is a built in feature. Whats the point of this tutorial at all.

    • @framer.university
      @framer.university  7 місяців тому +1

      I usually create tutorials where I explain how to use built in Framer features.