Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing: Light (god) Rays Component for Framer. Use this component to add this effect to your site in 30 seconds. Customizable intensity, color, and animation. Comment "LIGHT" and I’ll send you the component :)

Framer University

52,423 subscribers

46,529 views • 1 year ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

11 Comments

Framer University1 year ago

🎓 I'm releasing a Framer learning platform + a course next year. Want to be the first to know when it launches? 👇 Join the waitlist below & get notified!

Framer University1 year ago

if you haven't received a DM from me, here's the component. have fun 🫶

RedDeer.Games4 years ago

Customise the colours yourself or simply connect the Joy-Cons ! Head to ➡️ for more details about #AAAClock ! #indiedev #indiegame #IndieGameDev #nintendo #OLED #switchOLED

dudu1 year ago

@framer

Marina Budarina1 year ago

@framer Light

Framer University1 year ago

@framer look who we have here in the comments

FishermanFriends.eth 🎣1 year ago

@framer Light

Drice1 year ago

@framer I love nandi's tweets, because there's never any need to comment "LIGHT", just check and the component is already here 😅

Framer University1 year ago

@framer PSST 🤫🤫🤫

Anthony1 year ago

@framer Light

Shafran ✪1 year ago

@framer Light 🔥🔥

Related Videos

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

introducing: blur cycle component for Framer use this component to cycle through different words or phrases with a crazy smoooooth blur transition. comment "BLUR" and I’ll send you the component. :)

Framer University

10,448 views • 1 year ago

i'm so dumb for giving this Framer component away for free 🤯 comment “VERCEL” and i’ll send you this component :))

i'm so dumb for giving this Framer component away for free 🤯 comment “VERCEL” and i’ll send you this component :))

Framer University

20,654 views • 1 year ago

your Framer portfolio site NEEDS this component... comment "FLIP" and i'll send it to you for completely free!!

your Framer portfolio site NEEDS this component... comment "FLIP" and i'll send it to you for completely free!!

Framer University

12,065 views • 8 months ago

introducing: gravity component for Framer. add real-world physics to your frames—drop, bounce, drag, and collide with full control over gravity, friction, and more. comment "GRAVITY" and i’ll send you the comp for free :)

introducing: gravity component for Framer. add real-world physics to your frames—drop, bounce, drag, and collide with full control over gravity, friction, and more. comment "GRAVITY" and i’ll send you the comp for free :)

Framer University

13,327 views • 11 months ago

i wanted to look like a Framer pro, so i did this. comment “FLOW” and i’ll send you this component :)

i wanted to look like a Framer pro, so i did this. comment “FLOW” and i’ll send you this component :)

Framer University

11,181 views • 1 year ago

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for @Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

You want to add blur gradients to your website? I've made an easy-to-use, customizable component for @Framer that you can place over any element to apply a blur gradient to it. Retweet and comment "BLUR" and I'll send it.

Framer University

117,473 views • 2 years ago

comment "BOOK" and i'll send you this component. <3 3D bookshelf for your Framer websites. no code needed.

comment "BOOK" and i'll send you this component. <3 3D bookshelf for your Framer websites. no code needed.

Framer University

21,749 views • 1 year ago

if you have a Framer portfolio without this component, what are you even doing?? comment "3D" and i'll send it to you ($0)

if you have a Framer portfolio without this component, what are you even doing?? comment "3D" and i'll send it to you ($0)

Framer University

20,667 views • 7 months ago

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.

🔥 Introducing the Heatmap Image component for Framer. Give your logos/images that Apple-event glow and animated style. Drop a "HEATMAP" in the comments and I’ll DM it to you for free.

David McBacon

40,829 views • 9 months ago

putting elements in text, while keeping everything responsive with Framer was a mystery. up until today. comment “WRAP” and i'll send you this component for free!

putting elements in text, while keeping everything responsive with Framer was a mystery. up until today. comment “WRAP” and i'll send you this component for free!

Framer University

23,631 views • 1 year ago

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position

Our new UI design for v4 is live! + many new features! - The previous Side-Orderform has been split into the new Market component for analytics and a more customizable Place Order component - Trades component now also streams Liquidations and offers cross exchange aggregation - Quick Size buttons for the Place Order component: Settings > Orders > Quick Buttons - Auto TP in Header for automatically placing reduce Limit orders on positions (for the scalper headz): Settings > Orders > Auto TP - Add button in Positions component to easily increase your position

Insilico Terminal

171,143 views • 11 months ago

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

In today's tutorial, you can learn how to make an interactive vibrant card animation in Rive. By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

Alex Barashkov

51,275 views • 2 years ago

the website that should not exist... comment "BURN" and i'll send you this component for free of charge (once in a lifetime opportunity)

the website that should not exist... comment "BURN" and i'll send you this component for free of charge (once in a lifetime opportunity)

Framer University

30,704 views • 5 months ago

Introducing the 𝚃𝙴𝚁𝙼𝙸𝙽𝙰𝙻 component - Completely customizable, pass in inputs and outputs - Enable and disable keystroke sounds - Syntax highlighting - Blip cursor - Sequential animation execution Available for free at Aceternity UI

Introducing the 𝚃𝙴𝚁𝙼𝙸𝙽𝙰𝙻 component - Completely customizable, pass in inputs and outputs - Enable and disable keystroke sounds - Syntax highlighting - Blip cursor - Sequential animation execution Available for free at Aceternity UI

Manu Arora

27,497 views • 3 months ago

Making my 'image to particle' Framer component free for everyone. [CHIRPBIRDICON] Like/Comment/RT and I'll DM the remix link Enjoy ✨

Making my 'image to particle' Framer component free for everyone. [CHIRPBIRDICON] Like/Comment/RT and I'll DM the remix link Enjoy ✨

Fred Moon 🚀

87,554 views • 1 year ago

So i've heard you like shadows. Like & comment 'Shadow' if I should drop this Framer component for completely free.

So i've heard you like shadows. Like & comment 'Shadow' if I should drop this Framer component for completely free.

Kye Bedford

38,986 views • 2 years ago

I am releasing "Recalculate Normals", a new Prefabulous Avatar component 🔥 This component will improve the shading of your avatar by recalculating blendshape normals: Light, reflections, and rims are affected by the altered mesh surfaces. Documentation:

Haï~

47,260 views • 2 years ago

🚀 Key Export Component for CDP Embedded Wallets We've offered the ability to export keys from the beginning. Now, it's an easy-to-use and customizable UI component that enables your users to securely export their wallet keys natively. Below, jnix.base.eth walks through the user experience and implementation 👇

🚀 Key Export Component for CDP Embedded Wallets We've offered the ability to export keys from the beginning. Now, it's an easy-to-use and customizable UI component that enables your users to securely export their wallet keys natively. Below, jnix.base.eth walks through the user experience and implementation 👇

Coinbase Developer Platform🛡️

69,025 views • 7 months ago

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

You can make your Figma designs functional with Claude AI Select component, go to Dev Mode and use Figma to Code plugin to turn to React/Tailwind. Copy the code and paste to Claude AI. Prompt "Create this component and center it". Then, "Make this functional", "Add rounded corners", "add hover states", "animate transitions". Don't forget to ask "always give full code". Otherwise, it might break the Artifact.

Meng To

171,513 views • 1 year ago

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

Introducing the "Preview" component... Try any shader in your project codebase, including Pro presets, in 60 seconds ⚡️ npm install, copy a single component tag, see it live 👀

shaders

15,894 views • 4 months ago