Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Responsive portfolio website running 4 different ⁦Rive⁩ animations simultaneously with interactive icon and button. 1.5mb

rossplaskow's profile picture

R☻SS

13,323 subscribers

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

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

2024 Portfolio design TEMPLATE Just finished 4 style design for personal portfolio websites. All in RESPONSIVE Like, RT and Comment "Link" for free FIGMA file
0:14

2024 Portfolio design TEMPLATE Just finished 4 style design for personal portfolio websites. All in RESPONSIVE Like, RT and Comment "Link" for free FIGMA file

Zainab Nisa

120,999 görüntüleme • 2 yıl önce

Today’s #SOTD goes to Guillaume Colombel and Maxence 🤟🏼 for “G.Colombel - Portfolio 2024”. This portfolio showcases Guillaume Colombel, an interactive developer based between Montreal and Paris. Congratulations! 🏆 #portfolio #animation #interactive
0:18

Today’s #SOTD goes to Guillaume Colombel and Maxence 🤟🏼 for “G.Colombel - Portfolio 2024”. This portfolio showcases Guillaume Colombel, an interactive developer based between Montreal and Paris. Congratulations! 🏆 #portfolio #animation #interactive

awwwards.

11,720 görüntüleme • 1 yıl önce

Experimenting with some icon animations
0:13

Experimenting with some icon animations

Mery

16,186 görüntüleme • 1 yıl önce

Augmented reality sandbox with responsive digital effects creating an interactive tool for geoscience
0:10

Augmented reality sandbox with responsive digital effects creating an interactive tool for geoscience

Science girl

995,520 görüntüleme • 1 yıl önce

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇
0:18

FIGMA WHO? I built a cinematic landing page with Rocket in 2 prompts, in minutes. Neon accents, smooth scroll animations, and a video background. Fully responsive, interactive sections with no designer or code needed. Here’s the AI tool changing the game: 👇

Dhaval Makwana

59,575 görüntüleme • 11 ay önce

Interactive website with 3D✨
0:12

Interactive website with 3D✨

Marina Budarina

93,084 görüntüleme • 1 yıl önce

Experimenting with flat button design animations👀
0:17

Experimenting with flat button design animations👀

Camden @ Designownow

30,374 görüntüleme • 10 ay önce

You wouldn’t eat soup with a knife, so why would you train in a running shoe? Thankfully for you, the Nano X5 is coming soon. The most responsive, comfortable and stable training icon yet. Nano X5, available 1/24.
0:11

You wouldn’t eat soup with a knife, so why would you train in a running shoe? Thankfully for you, the Nano X5 is coming soon. The most responsive, comfortable and stable training icon yet. Nano X5, available 1/24.

Reebok

93,919 görüntüleme • 1 yıl önce

NEW: 🚀 Make your 3D objects responsive! 🖥️ New Screen Resize event to trigger actions 🎯 Create custom responsive breakpoints 🔆 Works with all interactive exports Demo: Remix:
0:17

NEW: 🚀 Make your 3D objects responsive! 🖥️ New Screen Resize event to trigger actions 🎯 Create custom responsive breakpoints 🔆 Works with all interactive exports Demo: Remix:

Spline

58,205 görüntüleme • 2 yıl önce

Offline test insights: Dante's and Vergil's taunt button are their core passive icon. And Vergil's mirage blade CUB can be used in different conditions, like tap or hold, you can use it even with zero charge.
0:10

Offline test insights: Dante's and Vergil's taunt button are their core passive icon. And Vergil's mirage blade CUB can be used in different conditions, like tap or hold, you can use it even with zero charge.

Gywin

51,373 görüntüleme • 1 yıl önce

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

346,601 görüntüleme • 1 ay önce

New logo. New portfolio. New vibes 🎉 So excited to launch my new portfolio website! Featuring lots of new projects I've done independently and while consulting with agencies. Check it out! ☺️ #madeinwebflow #portfolio
0:11

New logo. New portfolio. New vibes 🎉 So excited to launch my new portfolio website! Featuring lots of new projects I've done independently and while consulting with agencies. Check it out! ☺️ #madeinwebflow #portfolio

Elsa

17,349 görüntüleme • 3 yıl önce

Open/Close sidebar icon animations
0:18

Open/Close sidebar icon animations

Iconists

30,323 görüntüleme • 10 ay önce

This is algorithmic art. This is responsive art. This is interactive art. #creativecoding #particles
0:11

This is algorithmic art. This is responsive art. This is interactive art. #creativecoding #particles

Shaderism | Arttu

49,067 görüntüleme • 1 yıl önce

Portfolio website for Pacôme ✦
0:13

Portfolio website for Pacôme ✦

Col' ✦

23,792 görüntüleme • 1 ay önce

We polished combat! ⚔️ Smoother animations, better balance, and clearer hit feedback make fights feel way more responsive.
0:10

We polished combat! ⚔️ Smoother animations, better balance, and clearer hit feedback make fights feel way more responsive.

Coral Island

19,428 görüntüleme • 5 ay önce

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

65,958 görüntüleme • 1 ay önce

simultaneously consuming 4 different types of media to prevent the possibility of a thought occurring
0:11

simultaneously consuming 4 different types of media to prevent the possibility of a thought occurring

maria

21,102 görüntüleme • 6 ay önce

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)
0:11

new on Framer: pricing slider use this customizable component to showcase pricing tiers with animations and interactive controls. comment "PRICING" and i'll send you the component :)

Framer University

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

Add Rive animations to your iPhone, iPad, or Mac app with Bitrig! Rive is a real-time animation tool that lets designers create interactive, state-driven animations. With Bitrig, adding them is as simple as a drag and drop!
0:19

Add Rive animations to your iPhone, iPad, or Mac app with Bitrig! Rive is a real-time animation tool that lets designers create interactive, state-driven animations. With Bitrig, adding them is as simple as a drag and drop!

Bitrig

20,750 görüntüleme • 2 ay önce