Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

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

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👑

344,742 Aufrufe • vor 2 Monaten

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👑

325,869 Aufrufe • vor 2 Monaten

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

I experienced some crazy AD Spam on YouTube rn I had to pause a video multiple times in order to read the text on screen, and each time I paused - I had completely new different AD on the right! And Interface was just sliding to the left all the time, forcing me to miss click 😑
0:15

I experienced some crazy AD Spam on YouTube rn I had to pause a video multiple times in order to read the text on screen, and each time I paused - I had completely new different AD on the right! And Interface was just sliding to the left all the time, forcing me to miss click 😑

Eltorro64Rus

13,694 Aufrufe • vor 1 Jahr

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

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

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

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

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

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

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,112,973 Aufrufe • vor 9 Monaten

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

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

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,468 Aufrufe • vor 8 Tagen

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