Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Video2Ascii – a WebGL-powered React component that converts Videos to ASCII art. I came across the General Intuition website and loved their animations but there were no open-source React Components so I reverse engineered it.

ElijahKurien's profile picture

Elijah Kurien

3,728 subscribers

198,360 görüntüleme • 5 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.
0:48

Introducing Add mesmerizing ASCII art animations to any website. - Drop-in React component - CLI tool to convert videos to ASCII - Growing animation library - Private Discord for support One payment. Lifetime access.

Dev Ed

95,099 görüntüleme • 4 ay önce

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure
0:54

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,395 görüntüleme • 5 ay önce

Introducing LlamaCoder! An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.
0:28

Introducing LlamaCoder! An open source Claude Artifacts app that can generate full React apps and components with Llama 3.1 405B. 100% free and open source.

Hassan

501,207 görüntüleme • 1 yıl önce

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

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴
0:27

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 görüntüleme • 1 yıl önce

Open-Source Animated Cursor React Components
0:21

Open-Source Animated Cursor React Components

Bharat Kara

399,806 görüntüleme • 1 yıl önce

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:
2:06

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:

Lingo.dev

3,276,584 görüntüleme • 1 yıl önce

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.
6:08

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,446 görüntüleme • 1 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,671 görüntüleme • 2 ay önce

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,721 görüntüleme • 11 ay önce

⚛️ One component, many forms: the power of polymorphic React components ↓
1:12

⚛️ One component, many forms: the power of polymorphic React components ↓

George Moller

59,703 görüntüleme • 1 yıl önce

📣 New course alert! Introducing "shadcn/ui Deconstructed", a reverse-engineered exploration of React composition patterns and styling techniques. Here's the intro video! 🎥
1:37

📣 New course alert! Introducing "shadcn/ui Deconstructed", a reverse-engineered exploration of React composition patterns and styling techniques. Here's the intro video! 🎥

Laracasts

100,049 görüntüleme • 1 yıl önce

"How to share state between React client components with a parent server component?" 👇
0:32

"How to share state between React client components with a parent server component?" 👇

Alex Sidorenko

50,550 görüntüleme • 1 yıl önce

imagine any React website as a component graph
0:20

imagine any React website as a component graph

Aiden Bai

337,426 görüntüleme • 1 yıl önce

Introducing React Native Emoji Popup 🌈 Emoji Picker that uses native primitives ⚡ I've created it for a side-project I'm working on and decided to open-source it✨
0:29

Introducing React Native Emoji Popup 🌈 Emoji Picker that uses native primitives ⚡ I've created it for a side-project I'm working on and decided to open-source it✨

Oskar

24,283 görüntüleme • 1 yıl önce

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️
0:25

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 görüntüleme • 1 ay önce

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide
0:59

Free and open-source frontend dashboard template powered by: ◆ shadcn ui (install components via CLI) ◆ Next.js SPA (so BYO router) ◆ 📋 React Hook Form validation Inspired by dashboards from: Vercel · @tinybirdco · Axiom · Checkly → A tour guide

Maximilian Kaske 🏓

35,666 görüntüleme • 10 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

existing video to ascii components suck. so i built one that doesn't.
0:56

existing video to ascii components suck. so i built one that doesn't.

Lucas Jin

157,205 görüntüleme • 1 ay önce

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components
0:31

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

17,093 görüntüleme • 22 gün önce