Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 2 Jahren •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

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

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

Design & Build: @figma @framer

Profilbild von Pulkit Garg(Ux Mamba)
Pulkit Garg(Ux Mamba)vor 2 Jahren

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

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

@johnrya94082798 @FramerZip @framer Appreciate it! Thanks!

Profilbild von abhinav gupta
abhinav guptavor 2 Jahren

@FramerZip @framer this is sooo cooool 🤝🏽🫡

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

@FramerZip @framer Thanks man!

Profilbild von Paul Lapkin
Paul Lapkinvor 2 Jahren

@FramerZip @framer Incredible Work 🔥

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

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

Profilbild von Abe
Abevor 2 Jahren

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

Profilbild von Rahul Chakraborty
Rahul Chakrabortyvor 2 Jahren

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

Ähnliche Videos

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 4 Monaten

✨ 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 Aufrufe • vor 3 Jahren

🚀 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 Aufrufe • vor 8 Monaten

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,193 Aufrufe • vor 1 Monat

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 2 Jahren

"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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 2 Jahren

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,268,768 Aufrufe • vor 1 Monat

🖋️ 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,265 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten