Loading video...

Video Failed to Load

Go Home

Mafs - "React components for interactive math" Feels like butter interacting with these components. The library is clearly made with ♥️

mathemagic1an's profile picture

Jay Hack

65,442 subscribers

122,213 views • 3 years ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.
1:01

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

AlignUI Code Library is live! 💥 Built for React, styled with TailwindCSS. ‣ 40+ free base components : ‣ Blocks & Templates : ‣ Figma file :
1:49

AlignUI Code Library is live! 💥 Built for React, styled with TailwindCSS. ‣ 40+ free base components : ‣ Blocks & Templates : ‣ Figma file :

AlignUI Design System

45,461 views • 1 year ago

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6
0:22

🎉 Releasing Framer Motion Theatre, a library for creating animated React components. ⚡️ Use Theatre.js in React with a simple declarative API ⚡️ Animate Framer-motion's motion values using Theatre.js ⚡️ Get WYSIWYG editing for your components with 1 line of code 1/6

Andrew Prifer

66,200 views • 1 year ago

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
0:46

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

177,627 views • 1 year ago

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.
1:00

❌ Avoid having components with too many props. ✅ Instead use the compound components pattern in React to embrace composition.

George Moller

130,061 views • 2 years ago

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

529,692 views • 2 months ago

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓
0:51

⚛️ React + Typescript tip: Creating dynamic prop types for components with Discriminated Unions ↓

George Moller

77,657 views • 2 years ago

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log
0:57

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log

luis.

36,875 views • 10 months ago

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.
1:10

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

Devon Govett

542,490 views • 2 years ago

Liseré - a small react package with components and utilities for selecting and highlighting text.
0:54

Liseré - a small react package with components and utilities for selecting and highlighting text.

ankur

20,124 views • 10 months ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳
0:21

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with Nice Prompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,547 views • 5 months ago

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:
1:04

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

Saúl

40,940 views • 9 months ago

⚛️ How I like to name React components ↓
0:44

⚛️ How I like to name React components ↓

George Moller

39,480 views • 1 year ago

Client/Server composition with server components feels illegal 😅
1:01

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 views • 2 years ago

My interaction design manual is now open for registration with 3 new chapters. With 23 chapters and 23 downloadable React components on an interactive platform, Devouring Details includes everything I know about not just interactions, but design. Available for 2 weeks.
0:40

My interaction design manual is now open for registration with 3 new chapters. With 23 chapters and 23 downloadable React components on an interactive platform, Devouring Details includes everything I know about not just interactions, but design. Available for 2 weeks.

rauno

128,681 views • 9 months ago

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts
1:08

Dropped today: our official Supabase UI Library 🚢 It leverages the shadcn "registry" feature and is compatible with Next.js, React, and Tanstack Includes: ◆ Login components ◆ Dropzone for storage ◆ Realtime cursors/avatars/chat ◆ And (one I love): AI Prompts

Paul Copplestone - e/postgres

173,272 views • 1 year ago

The new site is absolutely magical 🪄 Interactive components, hover animations – I can play with this site for hours 😍 Built with Next.js and Vercel by the incredible Diagram team 🐐
1:01

The new site is absolutely magical 🪄 Interactive components, hover animations – I can play with this site for hours 😍 Built with Next.js and Vercel by the incredible Diagram team 🐐

Steven Tey

59,426 views • 3 years ago

A year in the making, my interaction design manual is available today. With 20 chapters and 20 downloadable React components on an interactive custom platform, it includes everything I know about not just interactions, but design. Registration is open for 2 weeks.
0:21

A year in the making, my interaction design manual is available today. With 20 chapters and 20 downloadable React components on an interactive custom platform, it includes everything I know about not just interactions, but design. Registration is open for 2 weeks.

rauno

267,026 views • 11 months ago

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓
6:35

Are React Server Components web-only or can they be used anywhere? What would it look like if @Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Evan Bacon 🥓

233,085 views • 3 years ago