This Framer Component Will Become a New Web Design Trend

Поделиться
HTML-код
  • Опубликовано: 25 ноя 2024

Комментарии • 51

  • @sirbotte
    @sirbotte 3 месяца назад +4

    I confirm that fremer was a great find, without any coding experience I created my site in a week, I spent more time designing it graphically than making it work. I assure you that it came out absolutely professional and very impactful: Unfortunately, I can't put the link to it because RUclips whenever I comment with the link doesn't publish the comment to me. I will try to edit the comment once this is published to give you an example of what can be done from scratch as I did.

    • @cristinaforlani651
      @cristinaforlani651 3 месяца назад

      I will be very interested to saw it, please

    • @brunomazzeo-e8z
      @brunomazzeo-e8z 3 месяца назад

      if u write whitout a link style maybe work

    • @framer.university
      @framer.university  3 месяца назад

      Wow! So happy to hear this!
      Try writing it like framer (dot) com.

  • @debangi2.0
    @debangi2.0 3 месяца назад +9

    Nandi casually dropping gems 🔥

    • @framer.university
      @framer.university  3 месяца назад +1

      hehe thanks u so much! i hope y'all will like this one.

    • @debangi2.0
      @debangi2.0 3 месяца назад

      @@framer.universityI love this. Will use it for my portfolio website ❤

  • @Trazynn
    @Trazynn 3 месяца назад +3

    Another hot trend is magnetic buttons that eagerly nudge towards your mouse as the mouse approaches. Can't be done without custom code sadly. But I did succeed in making a component for it.

    • @framer.university
      @framer.university  3 месяца назад

      those buttons are fun. i also made a resource for those in the past ofc.
      check it here: framer.university/resources/magnetic-button-override-in-framer

  • @joshua_sx
    @joshua_sx 3 месяца назад +3

    You really outdid yourself on this one! Thanks for sharing

    • @framer.university
      @framer.university  3 месяца назад

      Trying my best every time! Hope this video will help many :) thanks for the support

  • @JasonJose-m2q
    @JasonJose-m2q 3 месяца назад +1

    Dayum, this is a great effect! will def try it out!

  • @LouisDole
    @LouisDole 3 месяца назад +2

    what software do you use to record your screen Nandi ? this is great quality, thank you for the value you bring in this game

    • @framer.university
      @framer.university  3 месяца назад

      Thanks for the kind words mate :)
      I’m using a software called Screen Studio.

  • @mahadev.r7261
    @mahadev.r7261 3 месяца назад +7

    How to create an e commerce website using a framer please upload video

    • @framer.university
      @framer.university  3 месяца назад +5

      Hey! You can check out my video where I show you how to turn your Framer site into a digital store.
      framer.university/lessons/digi-shop
      If you wanna sell physical products, I'd recommend Shopify, or a Shopify x Framer integration with framercommerce.com/.
      Hope this helps!

    • @jeffbeaudoin4544
      @jeffbeaudoin4544 3 месяца назад

      ruclips.net/video/ccRbK-uucSk/видео.html

    • @ratsuns2828
      @ratsuns2828 3 месяца назад +1

      Use thenty

    • @jeffbeaudoin4544
      @jeffbeaudoin4544 3 месяца назад

      @@ratsuns2828 checking it out thanks

  • @eba-rave7509
    @eba-rave7509 2 месяца назад +1

    Awesome video, thanks for sharing!🔥🙏

  • @ivarlothbrok4933
    @ivarlothbrok4933 3 месяца назад +1

    Finally man! been waiting for it

  • @yugi_motta
    @yugi_motta 3 месяца назад +1

    The 3D logo looks so cool. Can you make a scroll animation where it rotates or will this make the website even heavier to load? 😬

    • @framer.university
      @framer.university  3 месяца назад

      You can definitely add a scroll transform to it, to animate it on scroll. However, I'd remove the shimmer components from it or replace with lighter images or videos, to make sure it isn't too heavy.
      Check this video in which I rotated a little coin around in 3D space. You can do the same with the 3D logo.
      framer.university/lessons/beginner-scroll-animations

  • @sachindabaas
    @sachindabaas Месяц назад

    Hello, Can you create a component on how to lock individual pages in Framer?

  • @lokai9059
    @lokai9059 3 месяца назад +1

    Hey man, amazing video🔥I really like your style of editing. Can i ask what music is in the background? Specifically the one from the begining?

    • @framer.university
      @framer.university  3 месяца назад +1

      thank u so much, glad u liked this!
      i get the songs from Epidemic Sound. the first song is: Storyblox - DEX 1200

  • @jaymzholy
    @jaymzholy 3 месяца назад +1

    Love your videos 🤗.
    I replicated the tutorial you did with the "Are You Ready?" opener, but anytime i refresh the page, it starts with the opener all over. whats the way out?

    • @framer.university
      @framer.university  3 месяца назад +1

      Thanks for the kind words mate!
      Use my "Show Once" override, so it will only show once per day, or per month, or whatever works for you.
      Here's the link (oh and there's a mini tutorial attached as well):
      framer.university/resources/show-once-code-override-for-framer

  • @tclmember
    @tclmember 3 месяца назад +1

    wonderful video! what are you using to show your key strokes at the bottom of the video?

    • @framer.university
      @framer.university  3 месяца назад

      thanks a lot! :)
      i'm using Keystroke Pro: appahead.studio/apps/keystroke-pro/

  • @akmalhaniffin1043
    @akmalhaniffin1043 3 месяца назад +1

    Yooo, it should be a crime for dropping all of these gems for FREE.

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 3 месяца назад +1

    Love it

  • @XavierPothin
    @XavierPothin 3 месяца назад +1

    Sooooo coooool 😍

  • @atharwadeodhar5937
    @atharwadeodhar5937 2 месяца назад

    Hi, at 6:05, you could also set the distribution to space evenly or space between if I am not wrong, will this cause any issues?

  • @351B
    @351B 3 месяца назад +1

    Hi! I am trying to make this effect on React, can you provide the SVG for this shimmer effect?

    • @framer.university
      @framer.university  3 месяца назад

      It’s a react component that generates a canvas.

    • @351B
      @351B 3 месяца назад

      @@framer.university thanks! I didn't know that it was a js file when you copied the component.

  • @roze3794
    @roze3794 3 месяца назад +1

    Hello, is it possible to do this: I want to create a game card and by scrolling this card enters a game reader and the site launches.

    • @framer.university
      @framer.university  3 месяца назад

      yes you can do this with scroll transforms. i have many tutorials on scroll animations:
      framer.university/lessons/tedy-scroll-animation
      framer.university/lessons/beginner-scroll-animations

  • @robertoerre1933
    @robertoerre1933 3 месяца назад +1

    I copied this and applied to my project but the movement is not working in Safari, anyone knows why?

    • @framer.university
      @framer.university  2 месяца назад

      Note from framer.university/resources/shimmer-dot-component-for-framer:
      “The component might not shimmer in Safari due to compatibility issues.”

  • @josepdevillaret
    @josepdevillaret 3 месяца назад

    Nandi, could i talk to you personally?

  • @miqlas52
    @miqlas52 3 месяца назад

    👎

    • @framer.university
      @framer.university  3 месяца назад

      Melyik része nem tetszett a videónak?
      Kérlek írd le, hogy legközelebb jobb lehessek 🫶