Загрузка видео...

Не удалось загрузить видео

На главную

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,713 subscribers

198,575 просмотров • 6 месяцев назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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,338 просмотров • 4 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

Open-Source Animated Cursor React Components
0:21

Open-Source Animated Cursor React Components

Bharat Kara

399,858 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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,827 просмотров • 11 месяцев назад

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

531,387 просмотров • 3 месяцев назад

📣 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 просмотров • 1 год назад

"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

51,480 просмотров • 1 год назад

⚛️ 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 просмотров • 1 год назад

imagine any React website as a component graph
0:20

imagine any React website as a component graph

Aiden Bai

337,426 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 10 месяцев назад

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,252 просмотров • 1 месяц назад

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

⚛️ How I like to name React components ↓

George Moller

39,480 просмотров • 1 год назад

Building a new idea tonight – what if there was a global design system documentation website for boilerplate components? I worry that every team writes and maintains docs for common components: inputs, buttons, badges but they could just point everyone to an open source tool?
0:31

Building a new idea tonight – what if there was a global design system documentation website for boilerplate components? I worry that every team writes and maintains docs for common components: inputs, buttons, badges but they could just point everyone to an open source tool?

luis.

12,761 просмотров • 5 месяцев назад