Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Arrow Dynamics (by Framer.zip) is a single code-component library that lets you create interactive 2D animations and patterns right inside Framer 🎛️ Tried to create something different for the landing page. (Link ↓) P.S: Flat design is over ✨

hckmstrrahul's profile picture

Rahul Chakraborty

22,040 subscribers

107,887 görüntüleme • 2 yıl önce •via X (Twitter)

SanatBilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

10 Yorum

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

Shoutout to @rohanchkrabrty for building and optimising the component. 🙌 Checkout →

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

Design & Build: @figma @framer

Pulkit Garg(Ux Mamba) profil fotoğrafı
Pulkit Garg(Ux Mamba)2 yıl önce

@FramerZip @framer It is totally insane man, Attention to details is super amazing😍.

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

@johnrya94082798 @FramerZip @framer Appreciate it! Thanks!

abhinav gupta profil fotoğrafı
abhinav gupta2 yıl önce

@FramerZip @framer this is sooo cooool 🤝🏽🫡

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

@FramerZip @framer Thanks man!

Paul Lapkin profil fotoğrafı
Paul Lapkin2 yıl önce

@FramerZip @framer Incredible Work 🔥

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

@FramerZip @framer Thank you Paul! ❤️ I loved your recent framer work too ⚡️

Abe profil fotoğrafı
Abe2 yıl önce

@FramerZip @framer The Truchet Loop is such a brilliant idea. Well executed! 🔥

Rahul Chakraborty profil fotoğrafı
Rahul Chakraborty2 yıl önce

@FramerZip @framer Thank you! It was one of the most fun variations.

Benzer Videolar

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.
0:41

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 görüntüleme • 11 ay önce

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.
0:22

With Replit ⠕ Design, you can create high-quality scroll animations for your landing pages in under five minutes— all from a single prompt.

Vaibhav Kumar

180,359 görüntüleme • 4 ay önce

✨ Beginner Framer Tutorial Let's create a simple landing page for a product launch. 🪄 🧠 You're going to learn: - how to add a sign up form to your page - how to set up different breakpoints - how to customize 404 page - and many more 👀 💿 Remix in the comments.
16:17

✨ Beginner Framer Tutorial Let's create a simple landing page for a product launch. 🪄 🧠 You're going to learn: - how to add a sign up form to your page - how to set up different breakpoints - how to customize 404 page - and many more 👀 💿 Remix in the comments.

Framer University

81,306 görüntüleme • 3 yıl önce

🚀 State Machines are here. Create interactive animations without code. Set transitions, states & triggers, and then export a single dotLottie for web & mobile. ✨ Explore interactivity: #LottieStateMachines #dotLottieStateMachines #InteractiveAnimations
0:50

🚀 State Machines are here. Create interactive animations without code. Set transitions, states & triggers, and then export a single dotLottie for web & mobile. ✨ Explore interactivity: #LottieStateMachines #dotLottieStateMachines #InteractiveAnimations

LottieFiles

14,200 görüntüleme • 8 ay önce

Introducing Code on Canvas in Pencil.dev AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.
0:57

Introducing Code on Canvas in Pencil.dev AI design tool for Claude and Codex. Design ❤️ Code are officially in a relationship, opening new ways to create on canvas. Ask agent to generate custom design tools inside Pencil on the fly, create interactive components, generative art and more, but still keep the full manual design control. This is just the beginning. Let us know what you think. And let's take it to the next level together. Download the new Pencil update today.

Tom Krcha

78,304 görüntüleme • 1 ay önce

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇
0:21

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇

Chorus Vibe Coding

185,280 görüntüleme • 5 ay önce

This is the quality of work you get only when urdesignwhiz studio handles your landing page project 🤯 Design + custom motion + Framer dev flat at $1050 … A steal 😍 Fun fact this one single work got me the Framer expert tag on Contra View the full project details here on contra ->
1:13

This is the quality of work you get only when urdesignwhiz studio handles your landing page project 🤯 Design + custom motion + Framer dev flat at $1050 … A steal 😍 Fun fact this one single work got me the Framer expert tag on Contra View the full project details here on contra ->

Ur Designwhiz

20,840 görüntüleme • 8 ay önce

Just found a tool that lets you create custom fonts in minutes 😲 Tested it in Framer and it works flawlessly. The Internet is crazy good
0:34

Just found a tool that lets you create custom fonts in minutes 😲 Tested it in Framer and it works flawlessly. The Internet is crazy good

Yahya

23,530 görüntüleme • 4 ay önce

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.
0:46

New Framer component drop: Grid Warp ⚡️ Interactive, grid-based image distortion with smooth release + chromatic aberration. And of course, no code needed (that was my job). Comment “WARP” and I’ll send it to you for free. P.S. Follow me so I can DM you.

David McBacon | Framer Coder

13,256 görüntüleme • 1 yıl önce

Advanced Framer by Dan Hollick is finally out! Take your understanding of Framer to the next level by building a complete site from start to finish. Lessons Include Layout, Animations, and even Code Overrides! Be quick and grab that -20% discount!
2:04

Advanced Framer by Dan Hollick is finally out! Take your understanding of Framer to the next level by building a complete site from start to finish. Lessons Include Layout, Animations, and even Code Overrides! Be quick and grab that -20% discount!

Framer

15,466 görüntüleme • 2 yıl önce

Design just changed - again! Recraft new Chat Mode lets you create and refine visuals through conversation, right inside your design workspace. Recraft helped me create a logo, changed the aspect ratio in the chat window with a prompt, and then made further edits!
0:58

Design just changed - again! Recraft new Chat Mode lets you create and refine visuals through conversation, right inside your design workspace. Recraft helped me create a logo, changed the aspect ratio in the chat window with a prompt, and then made further edits!

Chubby♨️

16,273 görüntüleme • 7 ay önce

"Nice design but you wont be able to make it responsive!" Right. Responsive design in Framer. Biggest takeaway: - What takes about 20 min to create in Figma - Takes about 2 days to create in Framer First iteration WIP.
0:34

"Nice design but you wont be able to make it responsive!" Right. Responsive design in Framer. Biggest takeaway: - What takes about 20 min to create in Figma - Takes about 2 days to create in Framer First iteration WIP.

Tyrone C.

14,391 görüntüleme • 1 yıl önce

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.
1:00

In @Magicpathai every component is a conversation. Edit and refine, either manually or with AI. Design is the art of keeping good decisions. MagicPath lets you copy and paste interactive components across the canvas to explore and perfect your ideas.

Pietro Schirano

53,079 görüntüleme • 1 yıl önce

You can now create AI agents directly from your phone. Replit lets you create them without writing a single line of code and completely for free. Just duplicate the template and you're ready to go. Links below
3:41

You can now create AI agents directly from your phone. Replit lets you create them without writing a single line of code and completely for free. Just duplicate the template and you're ready to go. Links below

Paul Couvert

188,247 görüntüleme • 1 yıl önce

Just dropped my latest Framer template for AI/SaaS website🚀 ✨Multi-layout and creative design ✨Smooth and catchy animations. ✨Build with 0 code and customize with ease. Link below🔗
0:57

Just dropped my latest Framer template for AI/SaaS website🚀 ✨Multi-layout and creative design ✨Smooth and catchy animations. ✨Build with 0 code and customize with ease. Link below🔗

Sang

15,361 görüntüleme • 2 yıl önce

This week's CodePen.IO challenge is all about CSS art and illustration 🖼️ Great resources on the challenge page and an article written by me all about how to create different shapes and approach different patterns 🤙 All that practice led to this 😅 Article below! 👇
0:45

This week's CodePen.IO challenge is all about CSS art and illustration 🖼️ Great resources on the challenge page and an article written by me all about how to create different shapes and approach different patterns 🤙 All that practice led to this 😅 Article below! 👇

jhey ʕ•ᴥ•ʔ

52,988 görüntüleme • 2 yıl önce

🖋️ A complete reimagining of vector editing in Framer. Draw shapes and paths right on your canvas, create custom Vector Sets with variables, and, best of all, dive into vector animations starting with the stroke effect. This is just the beginning for vectors.
2:57

🖋️ A complete reimagining of vector editing in Framer. Draw shapes and paths right on your canvas, create custom Vector Sets with variables, and, best of all, dive into vector animations starting with the stroke effect. This is just the beginning for vectors.

Framer

30,304 görüntüleme • 1 yıl önce

At Misaki Studio, we believe in kindness and love, values that will always be at the heart of everything we create. To evoke the same feelings in our visitors, our landing page now features interactive koi fish 💕symbols of strength, perseverance, and transformation. The tool that we are making will most transformative around design, animation and code.
0:49

At Misaki Studio, we believe in kindness and love, values that will always be at the heart of everything we create. To evoke the same feelings in our visitors, our landing page now features interactive koi fish 💕symbols of strength, perseverance, and transformation. The tool that we are making will most transformative around design, animation and code.

Kishan / Founder at Misaki Studio

17,786 görüntüleme • 8 ay önce

Every time you switch between design and code, you lose something, your momentum, your fidelity, or your vision. The gap between what you designed and what ships has always been the cost of building. That’s why we built Wonder, a design tool where everything you create is backed by real code. Public Alpha is now live at
0:43

Every time you switch between design and code, you lose something, your momentum, your fidelity, or your vision. The gap between what you designed and what ships has always been the cost of building. That’s why we built Wonder, a design tool where everything you create is backed by real code. Public Alpha is now live at

Wonder

1,271,064 görüntüleme • 1 ay önce

In exclusive collaboration with the Womp team, we’ve crafted a unique approach that lets you create the most astonishing animations inside After Effects. Enroll here:
0:57

In exclusive collaboration with the Womp team, we’ve crafted a unique approach that lets you create the most astonishing animations inside After Effects. Enroll here:

Motion Design School

20,634 görüntüleme • 2 yıl önce