Curated archive of 55 design references, UI interactions, and animations published by Framer University on X.
introducing: parallax image scroll component for @framer. use this... - Framer University
introducing: parallax image scroll component for @framer. use this to add smooth depth and motion to your images as users scroll through the page. comment “PARALLAX” and i’ll send...
@learnframerreally cool way to open your emails by @samdape! how about turning... - Framer University
really cool way to open your emails by @samdape! how about turning this letter-opening animation into an accordion in @framer?
@learnframerrecreated these metal toggles collection from @raul_dronca in @fram... - Framer University
recreated these metal toggles collection from @raul_dronca in @framer. this level of detail is very much possible in framer.. remix it below: ↓
@learnframerintroducing: infinite canvas for @framer use this to create those e... - Framer University
introducing: infinite canvas for @framer use this to create those endless scrolling & dragging canvas you see in high-end sites, no code needed. comment "INFINITE" and i’ll send y...
@learnframerthink micro-interaction like this can be built in @framer without a... - Framer University
think micro-interaction like this can be built in @framer without any code?
@learnframerdropped a full blown @framer SVG animations masterclass on youtube.... - Framer University
dropped a full blown @framer SVG animations masterclass on youtube. it's free (i don't know why i'm charging for this...) so go watch it now: ↓
@learnframerintroducing: exploding input fields in @framer this is no joke! you... - Framer University
introducing: exploding input fields in @framer this is no joke! you can shoot cute elements out of your input as the user is typing. comment "INPUT" and i'll send you the componen...
@learnframerwhen you master @framer, animations like these can be added to your... - Framer University
when you master @framer, animations like these can be added to your site SUPER easily. i can't stop myself... i have to rebuilt this.
@learnframerintroducing the shader lines component for @framer add customizable... - Framer University
introducing the shader lines component for @framer add customizable shader lines background to your sites in seconds. comment “SHADER” and i’ll send you the component for free :)
@learnframerrecreated this unusual FAQs section from @DanHollick in @framer. ev... - Framer University
recreated this unusual FAQs section from @DanHollick in @framer. everything is possible in framer... remix it below: ↓
@learnframersaw this quick switcher interaction by @nitishkmrk and well.. it sh... - Framer University
saw this quick switcher interaction by @nitishkmrk and well.. it should be turned into a framer component! what say?
@learnframerjust recreated this show more micro-interaction in @framer. check i... - Framer University
just recreated this show more micro-interaction in @framer. check it out and remix below↓
@learnframerjust recreated this shutter footer reveal in @framer. grab it here ↓ - Framer University
just recreated this shutter footer reveal in @framer. grab it here ↓
@learnframerintroducing: swipe card stack for @framer swipe through layered car... - Framer University
introducing: swipe card stack for @framer swipe through layered cards with smooth 3d motion. comment "STACK" and i’ll send you the component :)
@learnframerthis shutter footer reveal animation looks fun! @framer remake? - Framer University
this shutter footer reveal animation looks fun! @framer remake?
@learnframeranyone wants to have fun click effects on their @framer sites, insp... - Framer University
anyone wants to have fun click effects on their @framer sites, inspired by @eduardbodak's stellar portfolio?
@learnframerintroducing: electric border component for @framer bring attention... - Framer University
introducing: electric border component for @framer bring attention to your content with a glowing, animated border effect. get the component below: ↓
@learnframerjust recreated this smooth fluid step hint animation in @framer. re... - Framer University
just recreated this smooth fluid step hint animation in @framer. remix the project ↓
@learnframerjust recreated this circular selection on scroll in @framer. crazy... - Framer University
just recreated this circular selection on scroll in @framer. crazy how smooth it feels — and all done without a single line of code. check it out below: ↓
@learnframerintroducing: scramble area component for @framer. perfect for web3... - Framer University
introducing: scramble area component for @framer. perfect for web3 or sci-fi vibe sites. comment "SCRAMBLE" and i'll send it to your for free of charge :)
@learnframera new effect is on its way to the @framer ecosystem. scramble area... - Framer University
a new effect is on its way to the @framer ecosystem. scramble area is releasing tomorrow :)
@learnframerfluid delete interaction in @framer - recreated from @wickedmishra... - Framer University
fluid delete interaction in @framer - recreated from @wickedmishra remix below: ↓
@learnframerhana combined with @framer is so much fun for 2D animations... remi... - Framer University
hana combined with @framer is so much fun for 2D animations... remix this framer and hana project below: ↓
@learnframerintroducing: 3D image scan effect for @framer. fully customizable,... - Framer University
introducing: 3D image scan effect for @framer. fully customizable, with built-in interactivity and multiple visual modes. retweet & comment the word "SCAN" and i'll send you the c...
@learnframerhana is kinda dope for making cute 2D aniamtions for your @framer s... - Framer University
hana is kinda dope for making cute 2D aniamtions for your @framer sites. should i share how?
@learnframerpixelate on hover is coming to @framer. comment if you wanna build... - Framer University
pixelate on hover is coming to @framer. comment if you wanna build something with this
@learnframerfluid navigation in @framer, recreated from @wickedmishra remix bel... - Framer University
fluid navigation in @framer, recreated from @wickedmishra remix below: ↓
@learnframerintroducing: ripple grid component for @framer. use this component... - Framer University
introducing: ripple grid component for @framer. use this component to create interactive grids with customizable shapes, colors, and ripple effects. comment "RIPPLE" and i'll send...
@learnframerjust recreated this super cute eye candy navigation in @framer remi... - Framer University
just recreated this super cute eye candy navigation in @framer remix it below and make it your own :)
@learnframerjust recreated this docking pricing plans interaction in @framer. c... - Framer University
just recreated this docking pricing plans interaction in @framer. curious how it works? remix the file below ↓
@learnframerintroducing: magnetic grid animation for @framer use this component... - Framer University
introducing: magnetic grid animation for @framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment '...
@learnframercompletely hooked on this shiny 3d book interaction from the stripe... - Framer University
completely hooked on this shiny 3d book interaction from the stripe press site. should i try recreating it in @framer?
@learnframeroh i almost missed liquid glass. don't worry, i'm making it in @fra... - Framer University
oh i almost missed liquid glass. don't worry, i'm making it in @framer. comment "" to get notified when i release it.
@learnframermade a flashlight effect in @framer that follows your cursor just a... - Framer University
made a flashlight effect in @framer that follows your cursor just a tiny override — super easy to set up. play with it here ↓
@learnframerrebuilt this family wallet interaction in @framer just to see if I... - Framer University
rebuilt this family wallet interaction in @framer just to see if I could. turns out… you totally can. no code needed. grab the remix ↓
@learnframerjust recreated this smooth image before-after carousel in @framer —... - Framer University
just recreated this smooth image before-after carousel in @framer — perfect for showcasing transformations. built entirely without code. see it in action and remix it here: ↓
@learnframerthis clean tooltip animation by @ln_dev7 is so smooth! tempted to r... - Framer University
this clean tooltip animation by @ln_dev7 is so smooth! tempted to recreate it in @framer. should i go for it? drop an if you're curious to see how it turns out!
@learnframerjust recreated this perfect minimalistic text selection tooltip in... - Framer University
just recreated this perfect minimalistic text selection tooltip in @framer remix it below and make it your own :)
@learnframeryou think straight text is boring? you can spice up your @framer si... - Framer University
you think straight text is boring? you can spice up your @framer sites with this cool component by @benjaminnathan. remix link below: ↓
@learnframerjust recreated this sick 3d icon hover animation in @framer. wild h... - Framer University
just recreated this sick 3d icon hover animation in @framer. wild how easy it is to pull this off without writing a single line of code. give it a spin below: ↓
@learnframersocial proof animation, recreated in @framer - Framer University
social proof animation, recreated in @framer
@learnframerintroducing: copy-paste glitch effect for @framer connect it with a... - Framer University
introducing: copy-paste glitch effect for @framer connect it with any element—text, image, or frame and control exactly how and when the glitch appears. comment "GLITCH" and i’ll...
@learnframerthis is your daily reminder to set the correct HTML tag for element... - Framer University
this is your daily reminder to set the correct HTML tag for elements on your @framer site. go, do it now!
@learnframergooey tabs in @framer. - Framer University
gooey tabs in @framer.
@learnframeroh yes, Praha pretty much cooked with this social proof animation.... - Framer University
oh yes, Praha pretty much cooked with this social proof animation. can't resist it... that's it... i'm building it in @framer.
@learnframerjust saw this smooth 3D interactive animation by @joostdamh thinkin... - Framer University
just saw this smooth 3D interactive animation by @joostdamh thinking of recreating it in @framer... should i go for it?
@learnframerIntroducing: Ticker Path Component for @Framer. Use this to move a... - Framer University
Introducing: Ticker Path Component for @Framer. Use this to move a set of elements along a custom path. On scroll speed change, hover, and drag interactions included. RT + comment...
@learnframerwhaaat?? this recolor animation looks stunning. is it possible in @... - Framer University
whaaat?? this recolor animation looks stunning. is it possible in @framer? it's my job to find out
@learnframeri just recreated this folder recolor animation in @framer. this was... - Framer University
i just recreated this folder recolor animation in @framer. this was a fun one, built purely with components and variants. no code was used. wanna dig into the file? remix it below...
@learnframerfloating action button recreated in @framer. snappy little no-code... - Framer University
floating action button recreated in @framer. snappy little no-code interaction. live on the website. remix it below: ↓
@learnframerintroducing: image zoom component for @framer. use this component f... - Framer University
introducing: image zoom component for @framer. use this component for adding a hover zoom effect to your images, so we can see those nice details. comment "ZOOM" and i'll send you...
@learnframercan your AI generate scroll animations like these? - made in @frame... - Framer University
can your AI generate scroll animations like these? - made in @framer, by a human
@learnframerjust recreated this text logo loop animation in @framer works great... - Framer University
just recreated this text logo loop animation in @framer works great for headers, intros, or loading states. check it out and remix below: ↓
@learnframerme and @FonsMans felt like @starwars, and made a free about page te... - Framer University
me and @FonsMans felt like @starwars, and made a free about page template for y'all in @framer. enjoy.
@learnframerjust recreated this metallic 3D button in @framer—complete with lay... - Framer University
just recreated this metallic 3D button in @framer—complete with layered gradients, glow effects, and hover interactions check it out and remix it here: ↓
@learnframer