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

121,158 görüntüleme • 2 yıl ö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,351 görüntüleme • 3 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👑

363,145 görüntüleme • 4 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

66,974 görüntüleme • 3 ay önce

*Puts dry and wet waste in different dustbin to save climate* Meanwhile World Leaders with a single button.
0:19

*Puts dry and wet waste in different dustbin to save climate* Meanwhile World Leaders with a single button.

Godman Chikna

57,756 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,870 görüntüleme • 1 yıl önce

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website
0:18

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

Alvaro Cintas

70,813 görüntüleme • 1 yıl önce

I recently had the opportunity to build together with Bao The Whale 🐳 this mystical and cute Portfolio Site! 🐳💜 Together with interactive disks to showcase Demo Reels for her VA work!
0:10

I recently had the opportunity to build together with Bao The Whale 🐳 this mystical and cute Portfolio Site! 🐳💜 Together with interactive disks to showcase Demo Reels for her VA work!

Matt ⚡| Web Design and Dev.

81,870 görüntüleme • 10 ay önce

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!
0:17

OMG! Claude 3.7 Sonnet is king! I input the reference image UI design, and it gave me an elegant, beautiful UI with cool interactive animations!

padphone

204,914 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,988 görüntüleme • 4 ay önce

Tinkered with this some more. Got some of the timings and animations running smoother. 😁 Wireframe Design Studio
0:16

Tinkered with this some more. Got some of the timings and animations running smoother. 😁 Wireframe Design Studio

James McDonald

12,132 görüntüleme • 5 ay önce

Illuminating the sky with an austral-light brush! Fantasy drawings and animations from your local Austral dragon :> More info and prices: YCH section: See ya! #portfolio #dragon #animation #illustration
0:10

Illuminating the sky with an austral-light brush! Fantasy drawings and animations from your local Austral dragon :> More info and prices: YCH section: See ya! #portfolio #dragon #animation #illustration

Dragonsterr (Open comms)

21,845 görüntüleme • 5 ay önce

Transparent Globe Project- It’s finally complete! 10 unique interactive 3D globes, each visualizing a completely different global dataset in real time. From river flows and seismic activity to population density, global inequality, satellite constellations, and even Sonic Nomad roaming the planet with live music. Every globe is transparent, responsive, and built from scratch to feel alive. #CreativeCoding Three.js React-three-fiber #DataVisualization #WebGL #GenerativeArt #BuildInPublic
0:17

Transparent Globe Project- It’s finally complete! 10 unique interactive 3D globes, each visualizing a completely different global dataset in real time. From river flows and seismic activity to population density, global inequality, satellite constellations, and even Sonic Nomad roaming the planet with live music. Every globe is transparent, responsive, and built from scratch to feel alive. #CreativeCoding Three.js React-three-fiber #DataVisualization #WebGL #GenerativeArt #BuildInPublic

shadows

37,924 görüntüleme • 4 ay önce

Dot matrix button to add some juice to my website. And yes it comes with controls so I could tweak the look and feel of the effect
0:13

Dot matrix button to add some juice to my website. And yes it comes with controls so I could tweak the look and feel of the effect

Sekei ✨

16,089 görüntüleme • 5 gün önce

Grok 4.6 is 50% off in Nous Portal for the next week, in partnership with SpaceXAI. Built with a focus on long-running agents and ambitious interactive work, and perfect for use with Hermes agent.
0:11

Grok 4.6 is 50% off in Nous Portal for the next week, in partnership with SpaceXAI. Built with a focus on long-running agents and ambitious interactive work, and perfect for use with Hermes agent.

Nous Research

687,503 görüntüleme • 13 gün önce

My new portfolio is live! It features an interactive device for you to play with, the interactions I've shared here in the past + some written case studies of my work. Made with Tailwind and Framer Motion, powered by NextJS.
0:14

My new portfolio is live! It features an interactive device for you to play with, the interactions I've shared here in the past + some written case studies of my work. Made with Tailwind and Framer Motion, powered by NextJS.

Michael Sommer

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

this is.. huge revolution AI now can create 3D interactive website and mobile apps that blow everyone's mind, no code needed, just talk with Emergent AI agents 10 examples with test link:
0:16

this is.. huge revolution AI now can create 3D interactive website and mobile apps that blow everyone's mind, no code needed, just talk with Emergent AI agents 10 examples with test link:

el.cine

140,612 görüntüleme • 1 yıl önce