Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Three Framer components using its Data() API. They’re self contained code components sharing a single state to sync SoundCloud playback, live ticker data, and a fully interactive record player. Sound on 🔊 The video shows various states from staggered first time track use (compensated for arm position), play and... show more

Lee Black

14,170 subscribers

16,418 views • 10 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

8 Comments

Lee Black10 months ago

Test it here 👇

Palash Pandey10 months ago

@hckmstrrahul @framer Making something similar to this

Mykhailo Sorochuk10 months ago

@framer Tight demo. Love the shared state across the trio.

Steve10 months ago

@framer Ok this is cool

Lee Black10 months ago

@framer Yeah so much potential — working a nice idea 💡

Sarang Gambhir10 months ago

@framer Absolutely beautiful

Michal Gren10 months ago

@framer Look how complex features are relatively easy to build in framer, 3 yr ago I would need more time to achieve that. Amazing stuff!

Lee Black10 months ago

@framer Thanks Michal 🫶

Related Videos

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

Evan Bacon 🥓

25,393 views • 1 year ago

What do the 22 states that failed to share SNAP eligibility data have in common? Every single one has a Democratic governor. Blue states aren't serious about cracking down on waste, fraud, and abuse.

What do the 22 states that failed to share SNAP eligibility data have in common? Every single one has a Democratic governor. Blue states aren't serious about cracking down on waste, fraud, and abuse.

Rep. Pat Fallon

11,200 views • 3 months ago

It's here! The ultimate course on Humanitarian Use of @OpenStreetMap Data! 🎓 🗺️ 💻 A free, self-paced, online, and self-contained training that will equip you with the skills to start using open map data for humanitarian purposes. Sign up today here:

It's here! The ultimate course on Humanitarian Use of @OpenStreetMap Data! 🎓 🗺️ 💻 A free, self-paced, online, and self-contained training that will equip you with the skills to start using open map data for humanitarian purposes. Sign up today here:

Humanitarian OpenStreetMap Team

10,338 views • 2 years ago

🥁 Sync any data source. Whatever context you need can now live in Notion. Our new database sync (powered by Workers) runs on our infrastructure and lets you sync any data source with an API into a Notion database. Sync customer data from Salesforce to build detailed reports. Or connect Strava and Spotify data to curate the perfect running playlist.

🥁 Sync any data source. Whatever context you need can now live in Notion. Our new database sync (powered by Workers) runs on our infrastructure and lets you sync any data source with an API into a Notion database. Sync customer data from Salesforce to build detailed reports. Or connect Strava and Spotify data to curate the perfect running playlist.

Notion

88,286 views • 5 months ago

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

I got a smart meter recently and saw you can download a HDF file with the data so I had the idea of writing a script that could parse that and show the data in a useful manner. However I discovered that someone has already done this and done a really good job on it. The video explains how it works. In simple terms it uses the ESB smart meter data and shows a breakdown of how much data you are using and when and also recommends plans and estimates what each one would cost based on the data. The tool is available at easier to read on Laptop or Tablet or then your phone to Landscape.

Carlow Weather

298,565 views • 2 years ago

SOMEONE USED OPUS 5.5 TO BUILD A 3D ZOOM FROM A WHOLE DATA CENTER DOWN TO A SINGLE SILICON ATOM, AND IT'S JUST ONE HTML FILE It walks into the data center, opens a server, takes apart an NVIDIA Blackwell graphics card, then dives through the chip, its circuits and its transistors until you land on one atom. About an hour of work in total, running right in the browser.

SOMEONE USED OPUS 5.5 TO BUILD A 3D ZOOM FROM A WHOLE DATA CENTER DOWN TO A SINGLE SILICON ATOM, AND IT'S JUST ONE HTML FILE It walks into the data center, opens a server, takes apart an NVIDIA Blackwell graphics card, then dives through the chip, its circuits and its transistors until you land on one atom. About an hour of work in total, running right in the browser.

0xMarioNawfal

53,919 views • 24 days ago

I had my interview at a Media startup from Seoul as a Backend Engineer This was asked from me to build during the interview call and not to use any AI code editor .. I had to rely on docs and other people's code from stack overflow Its a replica of multi gigabyte video upload component from their core infra which I had to build and explain ... > has a grpc api for chunked exports > using redis to track the chunk assembly state like which chunks are received and expiration of chinks > and a simple html client to show the pause and resume of chunks for uploading Built with go, grpc, postgresql and redis

I had my interview at a Media startup from Seoul as a Backend Engineer This was asked from me to build during the interview call and not to use any AI code editor .. I had to rely on docs and other people's code from stack overflow Its a replica of multi gigabyte video upload component from their core infra which I had to build and explain ... > has a grpc api for chunked exports > using redis to track the chunk assembly state like which chunks are received and expiration of chinks > and a simple html client to show the pause and resume of chunks for uploading Built with go, grpc, postgresql and redis

Mrinal

61,463 views • 4 months ago

Major program launch: Data Analytics Professional Certificate! This large, five-course sequence takes you all the way to being job-ready as a data analyst, and shows how to use Generative AI as a thought partner to enhance your work in this role. Offered by on Coursera, this is taught by Sean Barnes, Ph.D., a Data Science & Engineering Leader at Netflix. Analyzing data remains one of the most important skills in where the world is going with AI. This comprehensive certificate takes you all the way to being job-ready. Each course comes with practical projects demonstrated in real-world contexts, such as analyzing sales data for a Korean bakery, video game sales trends across different regions, or identifying factors impacting customer retention for a communications company. You'll also work on estimating fire distribution for forest fire prevention, analyzing how a diamond's properties affect its market value, and developing predictive models for retail sales analysis, carbon emissions, and coral reef conservation. Here's some of what you'll learn: - How to define data and categorize it into its many types such as discrete & continuous numerical, structured & unstructured, time series, categorical, and know what insights can be derived from the different types of data categories. - How to differentiate between data-related job roles and their responsibilities, and how data flows through an organization from the moment of capture to decision-making. - How to perform data processing functions and apply conditional formatting in spreadsheets to extract business value from your data using statistical calculations and best practices for visualizing and interpreting data. - How to use LLMs for stakeholder analysis, data exploration, and data visualization. - Best practices for using LLMs for as a thought partner to data analysis work By the end of this professional certificate program, you will have learned core statistical concepts, analysis techniques, and visualization methodologies that will serve as the foundation for working as a data analyst. The world needs more data analysts, especially ones who know how to use modern generative AI. With data science roles projected to grow 36% by 2033, the skills taught in this program create new professional opportunities in data. Sign up here!

Major program launch: Data Analytics Professional Certificate! This large, five-course sequence takes you all the way to being job-ready as a data analyst, and shows how to use Generative AI as a thought partner to enhance your work in this role. Offered by on Coursera, this is taught by Sean Barnes, Ph.D., a Data Science & Engineering Leader at Netflix. Analyzing data remains one of the most important skills in where the world is going with AI. This comprehensive certificate takes you all the way to being job-ready. Each course comes with practical projects demonstrated in real-world contexts, such as analyzing sales data for a Korean bakery, video game sales trends across different regions, or identifying factors impacting customer retention for a communications company. You'll also work on estimating fire distribution for forest fire prevention, analyzing how a diamond's properties affect its market value, and developing predictive models for retail sales analysis, carbon emissions, and coral reef conservation. Here's some of what you'll learn: - How to define data and categorize it into its many types such as discrete & continuous numerical, structured & unstructured, time series, categorical, and know what insights can be derived from the different types of data categories. - How to differentiate between data-related job roles and their responsibilities, and how data flows through an organization from the moment of capture to decision-making. - How to perform data processing functions and apply conditional formatting in spreadsheets to extract business value from your data using statistical calculations and best practices for visualizing and interpreting data. - How to use LLMs for stakeholder analysis, data exploration, and data visualization. - Best practices for using LLMs for as a thought partner to data analysis work By the end of this professional certificate program, you will have learned core statistical concepts, analysis techniques, and visualization methodologies that will serve as the foundation for working as a data analyst. The world needs more data analysts, especially ones who know how to use modern generative AI. With data science roles projected to grow 36% by 2033, the skills taught in this program create new professional opportunities in data. Sign up here!

Andrew Ng

85,182 views • 1 year ago

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,913 views • 10 months ago

.Riveter is replacing the entire scraper infrastructure stack with a single API. Their all-in-one search agent replaces SERP, scrapers, proxy managers, and more. And it knows which tools to use to find exactly the data you’re looking for. Congrats on the launch, Abby Grills and cody!

.Riveter is replacing the entire scraper infrastructure stack with a single API. Their all-in-one search agent replaces SERP, scrapers, proxy managers, and more. And it knows which tools to use to find exactly the data you’re looking for. Congrats on the launch, Abby Grills and cody!

Y Combinator

24,017 views • 1 year ago

I wrote some new code to drive X-Plane directly rather than using the internal FDR playback, this lets me add in the Helicopter. Given the lack of precise data on the helicopter's route I made a rough estimate on speed and altitude. And you can see it's hidden against city lights for a long time. Be aware that the cockpit model is likely to be different and there's no data being sent to the gauges.

I wrote some new code to drive X-Plane directly rather than using the internal FDR playback, this lets me add in the Helicopter. Given the lack of precise data on the helicopter's route I made a rough estimate on speed and altitude. And you can see it's hidden against city lights for a long time. Be aware that the cockpit model is likely to be different and there's no data being sent to the gauges.

Scott Manley

144,051 views • 1 year ago

The magician that is Shaun McLaren ! 🪄 Shaun has been working with 18 practitioners in the mentorship community to advance their data skills and ability to code using R 💥 Here is a short snippet of a recent LIVE session 🎥 where he worked on helping practitioners understand detectable change in the data sets they’d been learning to visualise Feedback from one mentee says: 🗣️ “My progression 📈 in Data Skills has been above what I expected, all down to the way the course has been designed and taught. Shaun is a master on Excel and R, but he has managed to get a nice balance between showing, telling, and setting tasks. Everything moves at the right pace, allows you to manage around work and home life. The later live sessions also helps fit around family. Couldn’t have asked for more in a mentorship.” What to join one of the TWO new programmes in July? 🚀 1️⃣Data skills covers off all spreadsheets and powerbi to bring your data to life 2️⃣Advanced data skills takes those competent in the above to new heights using my code and r studio. Want in? Comment “data” below and I’ll send you more information! 👇👌 #data #visualisation #sportsscience #strengthandconditioning #physio #datascience

The magician that is Shaun McLaren ! 🪄 Shaun has been working with 18 practitioners in the mentorship community to advance their data skills and ability to code using R 💥 Here is a short snippet of a recent LIVE session 🎥 where he worked on helping practitioners understand detectable change in the data sets they’d been learning to visualise Feedback from one mentee says: 🗣️ “My progression 📈 in Data Skills has been above what I expected, all down to the way the course has been designed and taught. Shaun is a master on Excel and R, but he has managed to get a nice balance between showing, telling, and setting tasks. Everything moves at the right pace, allows you to manage around work and home life. The later live sessions also helps fit around family. Couldn’t have asked for more in a mentorship.” What to join one of the TWO new programmes in July? 🚀 1️⃣Data skills covers off all spreadsheets and powerbi to bring your data to life 2️⃣Advanced data skills takes those competent in the above to new heights using my code and r studio. Want in? Comment “data” below and I’ll send you more information! 👇👌 #data #visualisation #sportsscience #strengthandconditioning #physio #datascience

Dan Howells

10,993 views • 2 years ago

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 views • 1 year ago

A single track in Music v2 can move from opera to heavy metal and back without losing coherence. Better vocals, section-by-section composition, inpainting, and multilingual support - all trained on licensed data and cleared for commercial use. Here is how to get started.

A single track in Music v2 can move from opera to heavy metal and back without losing coherence. Better vocals, section-by-section composition, inpainting, and multilingual support - all trained on licensed data and cleared for commercial use. Here is how to get started.

ElevenCreative

182,740 views • 4 months ago

Introducing TikZBot. The birth of an agent that produces its own TikZ creations. Fully interactive and extensible. It can fix scenarios, expand its own work, learn from diagrams, and talk to you. For now, it’s a PoC. The manual version works like a charm. I’m now adding the self-play and chat components. Programmed in a few hours in Codex CLI using the newest 5.2-Codex model. So much fun.

Introducing TikZBot. The birth of an agent that produces its own TikZ creations. Fully interactive and extensible. It can fix scenarios, expand its own work, learn from diagrams, and talk to you. For now, it’s a PoC. The manual version works like a charm. I’m now adding the self-play and chat components. Programmed in a few hours in Codex CLI using the newest 5.2-Codex model. So much fun.

Bartosz Naskręcki

18,444 views • 8 months ago

In the AI era, "who made this?" is a hard question to answer. Clara 📪 on why Filecoin Foundation exists: the internet needs a different way to house content. "Fully own the data — but also be able to track and trace and prove ownership." From SALT

In the AI era, "who made this?" is a hard question to answer. Clara 📪 on why Filecoin Foundation exists: the internet needs a different way to house content. "Fully own the data — but also be able to track and trace and prove ownership." From SALT

The Block

18,676 views • 2 months ago

Ever heard what a data center sounds like? Sound On. Florida’s future shouldn’t be for sale. While Byron Donalds takes money from the data center industry, I’ll keep fighting for the water, land, communities, and families that make this state worth protecting. Floridians come first.

Ever heard what a data center sounds like? Sound On. Florida’s future shouldn’t be for sale. While Byron Donalds takes money from the data center industry, I’ll keep fighting for the water, land, communities, and families that make this state worth protecting. Floridians come first.

David Jolly

47,400 views • 3 months ago

Physics-based Motion Retargeting from Sparse Inputs paper page: Avatars are important to create interactive and immersive experiences in virtual worlds. One challenge in animating these characters to mimic a user's motion is that commercial AR/VR products consist only of a headset and controllers, providing very limited sensor data of the user's pose. Another challenge is that an avatar might have a different skeleton structure than a human and the mapping between them is unclear. In this work we address both of these challenges. We introduce a method to retarget motions in real-time from sparse human sensor data to characters of various morphologies. Our method uses reinforcement learning to train a policy to control characters in a physics simulator. We only require human motion capture data for training, without relying on artist-generated animations for each avatar. This allows us to use large motion capture datasets to train general policies that can track unseen users from real and sparse data in real-time. We demonstrate the feasibility of our approach on three characters with different skeleton structure: a dinosaur, a mouse-like creature and a human. We show that the avatar poses often match the user surprisingly well, despite having no sensor information of the lower body available. We discuss and ablate the important components in our framework, specifically the kinematic retargeting step, the imitation, contact and action reward as well as our asymmetric actor-critic observations. We further explore the robustness of our method in a variety of settings including unbalancing, dancing and sports motions.

AK

106,527 views • 3 years ago

ANOTHER BIG ONE🙌 The DATA Foundation is coming to Sui and Walrus that means huge volumes of data coming to Walrus on a regular basis. Walrus is going to be THE storage layer for the agentic era 🔥

ANOTHER BIG ONE🙌 The DATA Foundation is coming to Sui and Walrus that means huge volumes of data coming to Walrus on a regular basis. Walrus is going to be THE storage layer for the agentic era 🔥

Adeniyi.sui

40,298 views • 14 days ago