Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I found a site that solves pretty much every high-end web design inspiration problem. It curates top 1% modern websites with live video previews so you can see actual scroll animations and micro-interactions instantly. Link:

rutu_3's profile picture

Ruturaj

6,255 subscribers

41,454 görüntüleme • 3 ay önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

11 Yorum

nσise profil fotoğrafı
nσise3 ay önce

@thecosmos is 10x better

Ruturaj profil fotoğrafı
Ruturaj3 ay önce

@thecosmos It's having broad categories! Nice

akio.sh profil fotoğrafı
akio.sh3 ay önce

LMAO, People just playing with their cursor

Ruturaj profil fotoğrafı
Ruturaj3 ay önce

Haha creepy it is haha

Justin Rands profil fotoğrafı
Justin Rands3 ay önce

👀

Ruturaj profil fotoğrafı
Ruturaj3 ay önce

👀

Calvin Kho profil fotoğrafı
Calvin Kho3 ay önce

Looks complete

AI Mastery Guide profil fotoğrafı
AI Mastery Guide3 ay önce

This is a design rabbit hole waiting to happen.

Ruturaj profil fotoğrafı
Ruturaj3 ay önce

Ah I see

AI Mastery Guide profil fotoğrafı
AI Mastery Guide3 ay önce

Fair warning, might lose an hour just browsing this.

Pinkesh | SaaS MVPs in 2 Weeks profil fotoğrafı
Pinkesh | SaaS MVPs in 2 Weeks3 ay önce

godly is solid. the video previews are what make it useful, static screenshots hide all the motion work. curious if you actually ship any of those scroll effects or just borrow the layout ideas?

Benzer Videolar

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:
0:54

I found a site that solves pretty much every subtle UI animation problem. In a crowded market, tiny micro-interactions make users fall in love with your app. This tool curates real UI magic you can steal for inspiration. Link:

Ruturaj

69,956 görüntüleme • 3 ay önce

I found a site that solves pretty much every UI component oversight problem. It gives you exact, step-by-step checklists for building cards, navigation, and forms so you never miss critical micro-details again. Link:
0:37

I found a site that solves pretty much every UI component oversight problem. It gives you exact, step-by-step checklists for building cards, navigation, and forms so you never miss critical micro-details again. Link:

Ruturaj

239,440 görüntüleme • 3 ay önce

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.
1:04

Greatest mobile interactive design inspiration. Designers, I found this insane website for mobile interactive design inspiration. 60fps is a curated showcase of top-tier animations and interactions from the best iOS, Android, and web apps, perfect for anyone obsessed with motion and micro-interactions.

Abraham John 🦄🦓

41,545 görüntüleme • 1 yıl önce

Teach your coding agent to write scroll-driven animations with Modern Web Guidance → See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.
2:12

Teach your coding agent to write scroll-driven animations with Modern Web Guidance → See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.

Chrome for Developers

14,666 görüntüleme • 1 ay önce

The best design inspiration sites you need to save 🔖 1. - 600+ award-winning prompts with full source code for 3D and scroll-driven sites. 2. - navbar inspiration 3. - better footers 4. - CTA inspiration 5. - Clean, minimal websites. 6. - Mobile UI animations & interactions. 7. - UI concepts and challenges. 8. - Social media visuals. 9. - Creative footer examples. 10. - Landing page references. What did I miss? 👀
0:21

The best design inspiration sites you need to save 🔖 1. - 600+ award-winning prompts with full source code for 3D and scroll-driven sites. 2. - navbar inspiration 3. - better footers 4. - CTA inspiration 5. - Clean, minimal websites. 6. - Mobile UI animations & interactions. 7. - UI concepts and challenges. 8. - Social media visuals. 9. - Creative footer examples. 10. - Landing page references. What did I miss? 👀

Himanshu Hingorani

27,498 görüntüleme • 27 gün önce

Future CSS Tip! 🔮 You can power micro-interactions with scroll driven animations 😎 Define a range with custom props and hook up to body scroll 📜 .avatar{ animation:shrink; animation-timeline:scroll(root); animation-range:calc(var(--head)*0.9) ...; } CodePen.IO link below! 👇
0:23

Future CSS Tip! 🔮 You can power micro-interactions with scroll driven animations 😎 Define a range with custom props and hook up to body scroll 📜 .avatar{ animation:shrink; animation-timeline:scroll(root); animation-range:calc(var(--head)*0.9) ...; } CodePen.IO link below! 👇

jhey ʕ•ᴥ•ʔ

147,052 görüntüleme • 3 yıl önce

I found a site with 1000+ of the most beautiful landing pages on the internet. And it's completely FREE ! Endless scroll of real live landing pages Every style, every niche, every layout Pure inspiration with no noise Bookmark this. Open it every time you start a new project.
0:34

I found a site with 1000+ of the most beautiful landing pages on the internet. And it's completely FREE ! Endless scroll of real live landing pages Every style, every niche, every layout Pure inspiration with no noise Bookmark this. Open it every time you start a new project.

Harshil Tomar

15,435 görüntüleme • 3 ay önce

If you're building with AI, bookmark these 👇 1. — 170+ visual techniques 2. — 100+ free templates 3. — Creative web 4. — Motion sections 5. — Animated website prompts 6. — High-end web design 7. — Landing page inspiration 8. — CTA inspiration 9. — Footer inspiration 10. — Smooth interactions 11. — Backgrounds 12. — Design inspiration Stop starting from scratch. Start shipping. 🚀
0:28

If you're building with AI, bookmark these 👇 1. — 170+ visual techniques 2. — 100+ free templates 3. — Creative web 4. — Motion sections 5. — Animated website prompts 6. — High-end web design 7. — Landing page inspiration 8. — CTA inspiration 9. — Footer inspiration 10. — Smooth interactions 11. — Backgrounds 12. — Design inspiration Stop starting from scratch. Start shipping. 🚀

Vullnet Ademaj

26,238 görüntüleme • 17 gün önce

If you are a designer, bookmark it. 1. — 1200+ UI prompts with header, footer, feature, testimonial, and more to design better websites with AI fast. 2. — High-converting call-to-action designs. 3. — A curated showcase of bold, eye-catching mobile sites. 4. — Subtle motion and interaction details that add high-end feel. 5. — Daily updates on the latest top-tier design releases. 6. — A collection of top-quality social media post designs. 7. — Inspiration for virtually every effective navigation bar pattern. What I missed. Add below.
0:41

If you are a designer, bookmark it. 1. — 1200+ UI prompts with header, footer, feature, testimonial, and more to design better websites with AI fast. 2. — High-converting call-to-action designs. 3. — A curated showcase of bold, eye-catching mobile sites. 4. — Subtle motion and interaction details that add high-end feel. 5. — Daily updates on the latest top-tier design releases. 6. — A collection of top-quality social media post designs. 7. — Inspiration for virtually every effective navigation bar pattern. What I missed. Add below.

Tanzil Chowdhury

77,331 görüntüleme • 1 ay önce

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜
1:01

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

27,048 görüntüleme • 3 ay önce

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜
0:21

UI/UX Designers, you need to see this. I just discovered a website called Design Spells, it collects beautifully crafted UI animations and micro-interactions in one place. Clean, subtle, and incredibly satisfying to watch. I could honestly watch these all day. Perfect for inspiration when refining motion, transitions, and interaction details. Bookmark it; you will love it 💜

Abraham John 🦄🦓

49,833 görüntüleme • 9 ay önce

Best resources for mobile app design inspiration 🔖 — Mobile app screens and flows. Mobile UI inspiration. — Mobile animations and interactions. — Real app screens and UI patterns. — App designs and user flows. — Mobile app inspiration. — Web and mobile UI inspiration. What did i Miss?
0:26

Best resources for mobile app design inspiration 🔖 — Mobile app screens and flows. Mobile UI inspiration. — Mobile animations and interactions. — Real app screens and UI patterns. — App designs and user flows. — Mobile app inspiration. — Web and mobile UI inspiration. What did i Miss?

Nero

22,257 görüntüleme • 24 gün önce

Stumbled on Vercel’s creative design team page and instantly fell in love with the design, animations, and micro-interactions. So I decided to take a shot at it, recreating the experience for a fictional company called Varxell, with my own spin on everything except the design itself + I didn’t touch any of their assets. Everything was hand-coded from scratch, and every single asset was recreated in Figma. It was a fun challenge. Built with: • React • TypeScript • Vite • Framer Motion Live site: • • Repo: • Every page functionality and animation was implemented as a reusable hook, with internal JSDoc to make it easy to reuse in your own projects or remix however you like. Got any questions? Feel free to shoot me a DM
1:50

Stumbled on Vercel’s creative design team page and instantly fell in love with the design, animations, and micro-interactions. So I decided to take a shot at it, recreating the experience for a fictional company called Varxell, with my own spin on everything except the design itself + I didn’t touch any of their assets. Everything was hand-coded from scratch, and every single asset was recreated in Figma. It was a fun challenge. Built with: • React • TypeScript • Vite • Framer Motion Live site: • • Repo: • Every page functionality and animation was implemented as a reusable hook, with internal JSDoc to make it easy to reuse in your own projects or remix however you like. Got any questions? Feel free to shoot me a DM

David Herbert👨🏽‍💻🚀

23,755 görüntüleme • 1 yıl önce

I LOVE IMMERSION IN VIDEO GAMES SO MUCH give me more long animations, pretty views, interactions with people and objects, slower moments where i feel like im living in that world. Kingdom Come 2 nails this as much as Red Dead 2 did and I love it so much.
1:00

I LOVE IMMERSION IN VIDEO GAMES SO MUCH give me more long animations, pretty views, interactions with people and objects, slower moments where i feel like im living in that world. Kingdom Come 2 nails this as much as Red Dead 2 did and I love it so much.

Synth Potato🥔

138,130 görüntüleme • 1 yıl önce

The best design inspiration sites you need to save 🔖 — Daily design finds from X. — Mobile UI animations & interactions. — Creative footer examples. — Standout website references. — UI concepts and challenges. — Social media visuals. — Landing page references. — Clean, minimal websites. What did I miss? 👀
0:20

The best design inspiration sites you need to save 🔖 — Daily design finds from X. — Mobile UI animations & interactions. — Creative footer examples. — Standout website references. — UI concepts and challenges. — Social media visuals. — Landing page references. — Clean, minimal websites. What did I miss? 👀

Nero

25,751 görüntüleme • 27 gün önce

Fable 5 is so good at web design that I genuinely don't see how web design careers make it past the end of this year. An AI that can one shot designs this good means that the web design industry as a whole is in serious trouble. If you're in web design, it's time to pivot.
0:24

Fable 5 is so good at web design that I genuinely don't see how web design careers make it past the end of this year. An AI that can one shot designs this good means that the web design industry as a whole is in serious trouble. If you're in web design, it's time to pivot.

Mark Gadala-Maria

545,839 görüntüleme • 4 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 • 10 ay önce

Wow, this site is an ABSOLUTE GOLDMINE for design engineers. It's a huge collection of micro-interactions / animations, all with their respective source code for you to copy and paste. Love to see such an amazing display of my favorite package, framer-motion
0:31

Wow, this site is an ABSOLUTE GOLDMINE for design engineers. It's a huge collection of micro-interactions / animations, all with their respective source code for you to copy and paste. Love to see such an amazing display of my favorite package, framer-motion

Teddy Ni

247,890 görüntüleme • 2 yıl önce

THIS GUY SHOWS ANYONE CAN BUILD SITES THAT LOOK LIKE $10K AGENCIES WITH FABLE 5 He walks through the full process live. Pinterest for inspiration. Image generation for the assets. Video tools for the backgrounds. Then one precise prompt that drops in smooth reveal animations, scroll-tied interactions, and mobile responsiveness that used to take a whole design team weeks. Fable 5 handles the heavy lifting faster than previous models. Clean type. Perfect spacing. Interactions that respond without jank. Over 100 sites already live on his Motion Sites library using the same method. None of it requires writing code from scratch. If you want a site that sells expensive, this is how you make one.
6:38

THIS GUY SHOWS ANYONE CAN BUILD SITES THAT LOOK LIKE $10K AGENCIES WITH FABLE 5 He walks through the full process live. Pinterest for inspiration. Image generation for the assets. Video tools for the backgrounds. Then one precise prompt that drops in smooth reveal animations, scroll-tied interactions, and mobile responsiveness that used to take a whole design team weeks. Fable 5 handles the heavy lifting faster than previous models. Clean type. Perfect spacing. Interactions that respond without jank. Over 100 sites already live on his Motion Sites library using the same method. None of it requires writing code from scratch. If you want a site that sells expensive, this is how you make one.

Romario

16,265 görüntüleme • 2 ay önce

If you’re a designer, bookmark this. 1. — Showcase your best creative work in a simple, beautiful portfolio. 2. — Discover the best design inspiration shared by designers on X. 3. — Mobile app animations, transitions, and micro-interactions worth bookmarking. 4. — Find inspiration for better, more effective website CTAs. 5. — Explore creative social media posts and visual content for inspiration. 6. — Discover creative navbar and navigation designs from real websites. 7. Explore a curated collection of beautifully designed icons. What did i miss?
0:22

If you’re a designer, bookmark this. 1. — Showcase your best creative work in a simple, beautiful portfolio. 2. — Discover the best design inspiration shared by designers on X. 3. — Mobile app animations, transitions, and micro-interactions worth bookmarking. 4. — Find inspiration for better, more effective website CTAs. 5. — Explore creative social media posts and visual content for inspiration. 6. — Discover creative navbar and navigation designs from real websites. 7. Explore a curated collection of beautifully designed icons. What did i miss?

Nero

79,263 görüntüleme • 1 ay önce