Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

🎉 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,253 görüntüleme • 1 yıl önce

❌ 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 görüntüleme • 1 yıl önce

❌ 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 görüntüleme • 2 yıl önce

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

530,091 görüntüleme • 2 ay önce

⚛️ 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 görüntüleme • 2 yıl önce

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

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 görüntüleme • 2 yıl önce

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

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 görüntüleme • 5 ay önce

🌟 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 görüntüleme • 9 ay önce

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

⚛️ How I like to name React components ↓

George Moller

39,480 görüntüleme • 1 yıl önce

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

Client/Server composition with server components feels illegal 😅

Alex Sidorenko

69,150 görüntüleme • 2 yıl önce

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

129,757 görüntüleme • 9 ay önce

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 görüntüleme • 1 yıl önce

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,429 görüntüleme • 3 yıl önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 3 yıl önce