Загрузка видео...

Не удалось загрузить видео

На главную

Pushed some little updates to Liveline: new loading, no-data, and paused states, with smooth animated transitions between each: ~npm i liveline

benjitaylor's profile picture

Benji Taylor

144,650 subscribers

41,181 просмотров • 6 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline
0:11

Liveline: a Polymarket-inspired real-time chart library for live markets (e.g. 15-minute BTC windows) or any streaming data. Fully animated, with built-in time-window controls, orderbook components, particle bursts, and more. ~npm i liveline

Benji Taylor

93,476 просмотров • 6 месяцев назад

This is how to share data between phone and PC of Harmonyos 6.... no cable, fast... this feature is very useful when you go to meetings, share data with each other.
0:16

This is how to share data between phone and PC of Harmonyos 6.... no cable, fast... this feature is very useful when you go to meetings, share data with each other.

Olala🇻🇳 🇨🇳 🇷🇺

51,737 просмотров • 10 месяцев назад

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:
0:11

Loading state visualization for menus, built with bazza/ui Menu ⁽¹⁾ and TANSTACK Query: ⊙ First fetch: default loading spinner ⊙ Re-fetch: show cached data + inline spinner in the input It makes two different states obvious to the user: "We have nothing yet" vs. "here's what we have, but we're checking for updates." ⁽¹⁾ Releasing a preview soon. Hop in to the bazza/ui Discord for access:

kian bazza

17,279 просмотров • 6 месяцев назад

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have
0:14

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have

FHILY👑

347,225 просмотров • 2 месяцев назад

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have
0:14

How I built with Claude 👇 1. Prompt: "Build a storytelling website where each scroll section reveals a new chapter with fluid color transitions" 2. Use Three.js for the painted texture background that reacts to cursor 3. Prompt: "Add GSAP ScrollTrigger so each section animates in as a cinematic scene" 4. Use Lenis.js for that buttery smooth scroll that premium sites have

FHILY👑

326,884 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

Here are some really tactical ways to optimize the First and last frame capability: — Make sure your prompt includes precise camera motion descriptions for smooth and creative transitions between the first and last frames. — Or, you can simply include the word “transform” in your prompt for a smooth transition — Starting with a closeup in your first frame and then zooming out to a wide-shot in the final frame is an effective way to create a dramatic reveal.
0:18

Here are some really tactical ways to optimize the First and last frame capability: — Make sure your prompt includes precise camera motion descriptions for smooth and creative transitions between the first and last frames. — Or, you can simply include the word “transform” in your prompt for a smooth transition — Starting with a closeup in your first frame and then zooming out to a wide-shot in the final frame is an effective way to create a dramatic reveal.

Google AI

28,595 просмотров • 10 месяцев назад

I've pushed through some updates yesterday and today to: - fix the inevitable day 1 bugs - turn up the difficulty of particular fights, especially in the late-game. Have fun! I have more interesting updates planned for the future~
0:11

I've pushed through some updates yesterday and today to: - fix the inevitable day 1 bugs - turn up the difficulty of particular fights, especially in the late-game. Have fun! I have more interesting updates planned for the future~

Darya Noghani (Small Saga is out!)

183,357 просмотров • 2 лет назад

Built a list today and tried switching between list and grid views with layout transition. Thought it’d be cool and it turned out pretty great! 🙌 Shoutout to Expo for making it so simple and Software Mansion’s reanimated for the smooth transitions. Here’s how it looks 👇
0:13

Built a list today and tried switching between list and grid views with layout transition. Thought it’d be cool and it turned out pretty great! 🙌 Shoutout to Expo for making it so simple and Software Mansion’s reanimated for the smooth transitions. Here’s how it looks 👇

Arunabh Verma

27,833 просмотров • 1 год назад

With three new playable races, new weapon types, and new gameplay modes, Avowed is celebrating its 1-year anniversary with some huge updates 🎉 It's the perfect time to start or return to your journey:
0:17

With three new playable races, new weapon types, and new gameplay modes, Avowed is celebrating its 1-year anniversary with some huge updates 🎉 It's the perfect time to start or return to your journey:

XBOX

219,417 просмотров • 6 месяцев назад

Transferring normals from one mesh to another allows smooth transitions between objects, very useful for environment creation! 🔥 As far as I know, this isn’t possible with Cycles since it’s a path tracer. It would have been really handy! Tested on Blender 4.5 Alpha. #b3d
0:20

Transferring normals from one mesh to another allows smooth transitions between objects, very useful for environment creation! 🔥 As far as I know, this isn’t possible with Cycles since it’s a path tracer. It would have been really handy! Tested on Blender 4.5 Alpha. #b3d

Thomas Marcos

35,891 просмотров • 1 год назад

A little trunk animation test 🦣 I wanted to find out how much control I can have with the damped track constraints. These are rather hard to predict. But with some keyframes, it still works super well and the constraints make it all smooth and kinda physically correct 🙂 #b3d
0:15

A little trunk animation test 🦣 I wanted to find out how much control I can have with the damped track constraints. These are rather hard to predict. But with some keyframes, it still works super well and the constraints make it all smooth and kinda physically correct 🙂 #b3d

DemNikoArt ➡️ BCON 26

11,468 просмотров • 8 месяцев назад

Little thug who just pushed through the barriers without paying. I am sick of asking TfL staff to so much as *ask* them to pay. They never bother. Each and everyone should be publicly humiliated.
0:15

Little thug who just pushed through the barriers without paying. I am sick of asking TfL staff to so much as *ask* them to pay. They never bother. Each and everyone should be publicly humiliated.

Benjamin Butterworth

3,113,168 просмотров • 9 месяцев назад

With a little blood, sweat, and tears I present to you the new Animated OW2 Champion Rank Icons set! I have included a few options for you to use. These are lightweight and perfect for all you Champions wanting to show off! Download is Below 💙 ↓ ↓ #OW2 #Overwatch2
0:10

With a little blood, sweat, and tears I present to you the new Animated OW2 Champion Rank Icons set! I have included a few options for you to use. These are lightweight and perfect for all you Champions wanting to show off! Download is Below 💙 ↓ ↓ #OW2 #Overwatch2

WINTER ✵

54,027 просмотров • 2 лет назад

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app
0:15

Some new gradient collections were added to Grainient family last week. More gradients and Animated backgrounds are coming.. BTW, created this cool animation with animos app

Basit A. Khan

24,102 просмотров • 2 месяцев назад

Wow! Send A File By Just The Camera! A vibe coder used AI to build a file transfer system that sends data between two phones using only a screen and a camera. One phone displays a new type of animated QR codes while the other scans them to rebuild the file, with no Wi-Fi, Bluetooth, or cables needed. It is fully optical and local. The system uses fountain codes that create each QR frame as a random mix of file data. This keeps transfers working even if some frames are missed, reaching speeds of about 129 KB/s for a 2 MB image. The entire project was built in one night and released as open source. The idea came from a music project where the developer wanted to share MP3 files without streaming or using the same network. Animated QR codes became the solution, showing a creative new way to transfer files with everyday phone hardware. GitHub link:
0:15

Wow! Send A File By Just The Camera! A vibe coder used AI to build a file transfer system that sends data between two phones using only a screen and a camera. One phone displays a new type of animated QR codes while the other scans them to rebuild the file, with no Wi-Fi, Bluetooth, or cables needed. It is fully optical and local. The system uses fountain codes that create each QR frame as a random mix of file data. This keeps transfers working even if some frames are missed, reaching speeds of about 129 KB/s for a 2 MB image. The entire project was built in one night and released as open source. The idea came from a music project where the developer wanted to share MP3 files without streaming or using the same network. Animated QR codes became the solution, showing a creative new way to transfer files with everyday phone hardware. GitHub link:

Brian Roemmele

16,603 просмотров • 26 дней назад

OSAKA If you want to turn these into a video you can use this Seedance 2.0 prompt: Use the provided image board @[image1]. Do not treat the full grid as a single image. Treat each panel as a separate shot or cut, and animate them as a short nostalgic cinematic sequence. Bring each panel to life with smooth motion, subtle camera movement, soft transitions, and consistent subject, mood, lighting and style across all shots. No text
0:15

OSAKA If you want to turn these into a video you can use this Seedance 2.0 prompt: Use the provided image board @[image1]. Do not treat the full grid as a single image. Treat each panel as a separate shot or cut, and animate them as a short nostalgic cinematic sequence. Bring each panel to life with smooth motion, subtle camera movement, soft transitions, and consistent subject, mood, lighting and style across all shots. No text

Kōda

87,686 просмотров • 4 месяцев назад