Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

I want to open source the infinite grid component that I built for thiings[.]co Are there any good boilerplates for a simple React/TS component library? ChatGPT wasn't much help finding one. Or should I just get Cursor to scaffold something?

clarkcharlie03's profile picture

Charlie Clark

10,351 subscribers

146,355 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)
0:13

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,747 Aufrufe • vor 11 Monaten

I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔
0:11

I feel like this could be turned into a cool hero effect for a component library site. Where you move your cursor to tear between the design and the code.... 🤔

matt rothenberg

40,080 Aufrufe • vor 2 Monaten

low key obsessed with Inertia.js + Rails + React. I built this Notion like UI in a day (and I don't know React or Typescript). Not even sure if I'm doing it right (am I supposed to redirect to the parent page if I'm just updating a component??) but it just works ™️
0:14

low key obsessed with Inertia.js + Rails + React. I built this Notion like UI in a day (and I don't know React or Typescript). Not even sure if I'm doing it right (am I supposed to redirect to the parent page if I'm just updating a component??) but it just works ™️

Colleen Schnettler

26,039 Aufrufe • vor 1 Jahr

Toldo ― An elevated dialogs component for React. Built on top of Radix, it offers a simple API for developing beautiful dialogs.
0:12

Toldo ― An elevated dialogs component for React. Built on top of Radix, it offers a simple API for developing beautiful dialogs.

Raphael Salaja

49,828 Aufrufe • vor 1 Jahr

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)
0:12

introducing: follow cursor component for Framer. place it inside any element on your canvas, and it’ll make it follow your cursor. comment 'CURSOR' and i’ll send you the component :)

Framer University

16,705 Aufrufe • vor 1 Jahr

Here is a #figmatip I forgot to drop in my grid livestream yesterday. Grid is amazing for organizing and creating new variants in a component set.
0:15

Here is a #figmatip I forgot to drop in my grid livestream yesterday. Grid is amazing for organizing and creating new variants in a component set.

miggi from figgi

21,450 Aufrufe • vor 1 Jahr

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more
0:14

Introducing Generative UI for MCP Apps One server. Infinite interfaces. Instead of building views, define a component catalog. The AI assembles the right UI based on your API, CLI or MCP server tools. Works in Claude, ChatGPT, VS Code, Cursor and more

Chris Tate

164,515 Aufrufe • vor 3 Monaten

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.
0:13

I built a tiny icon-morphing component with AlpineJS + Blade! You literally just pass in two SVGs and it handles the morphing for you. Could be on hover or whatever other trigger/event is needed Super simple to use, but it makes interactions feel so much more polished.

Liam Hammett

13,718 Aufrufe • vor 5 Monaten

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇
0:11

This is a HeroUI native toast component I was working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇

Volodymyr

27,943 Aufrufe • vor 6 Monaten

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝
0:14

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

dmytro

182,184 Aufrufe • vor 2 Monaten

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.
0:19

Turn any app into an MCP host! With @copilotkit's new MCP Client Component, you can connect your app to any MCP server, just like Cursor or Claude Desktop. Simply run this command: npx copilotkit@latest init -m MCP 100% open-source.

Akshay 🚀

50,119 Aufrufe • vor 1 Jahr

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)
0:13

introducing: elastic line component for Framer use this to add a wobbly, spring-like line that interacts with your cursor, bringing a playful vibe to your website.. comment 'ELASTIC' and i'll send you the component :)

Framer University

20,360 Aufrufe • vor 1 Jahr

I spent a month building an interactive component library in MagicPath And I’m giving it all away for free.
0:13

I spent a month building an interactive component library in MagicPath And I’m giving it all away for free.

Natalia Timea

55,472 Aufrufe • vor 7 Monaten

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props
0:16

Claude Code on desktop lets you select DOM elements directly, much easier than describing which component you want updated! Claude gets the tag, classes, key styles, surrounding HTML, and a cropped screenshot. React apps also get the source file, component name and props

Lydia Hallie ✨

605,612 Aufrufe • vor 3 Monaten

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.
0:13

I think I found a way to make a React Native list component with significantly better performance than FlashList, with 100% javascript. I'm still testing it but as far as I can tell there’s no pitfalls or issues… It just requires the new architecture for synchronous onLayout.

Jay Meistrich

95,344 Aufrufe • vor 1 Jahr

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view
0:16

Slide to Submit + Shimmering Text for Expo Now on GitHub ➤ Copy-paste component, not a library ➤ Built with Software Mansion Reanimated + RNGH ➤ Runs on UI thread (60fps smooth) ➤ Uses react-native-masked-view

Solarin

32,485 Aufrufe • vor 1 Jahr

built another new open-source component: an interactive inline project card dropdown—
0:14

built another new open-source component: an interactive inline project card dropdown—

Harsh

166,592 Aufrufe • vor 1 Jahr

There are 11,000+ voices in the ElevenLabs voice library. Finding the perfect one is about to get much easier. 🔜
0:11

There are 11,000+ voices in the ElevenLabs voice library. Finding the perfect one is about to get much easier. 🔜

Nev Flynn

12,490 Aufrufe • vor 2 Monaten

Just another component library 👀
0:13

Just another component library 👀

Kabarza

34,488 Aufrufe • vor 7 Monaten

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this
0:12

made a component that renders forms based on a zod schema - uses my own components - supports custom labels, placeholders, props, etc now I just create a zod schema, pass it to createForm() and get a fully functional form component. maybe worth making an npm package for this

jordi

199,755 Aufrufe • vor 1 Jahr