Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

introducing 🌏 solaris an open-source react shader library and playground for celestial effects dial in dusk flushes, haze, and exposure in real-time, then drop the components right into your app

Cuvii

1,184 subscribers

25,266 views • 7 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

13 Comments

wibus.松7 days ago

太高级了教我🥺

Cuvii7 days ago

🤓 索嗨老师厉害

Kimi Nguyen7 days ago

the real-time adjustments could make it easier to create immersive experiences

Travis Fischer7 days ago

LOVE this

Cuvii7 days ago

thanks Travis!

Ecniv6 days ago

👍🏻

Ding7 days ago

太强了！

Cuvii7 days ago

🫶

Tanmay M7 days ago

They all look so real

Yendrek7 days ago

Your work and the quality is amazing. I was looking for procedural sky like this for many months. Warm thank you from Poland. Top notch quality and open source. ❤️

Cuvii7 days ago

means a lot, thank you! so glad it hit the spot.

A-Shanの余談_GibBoo7 days ago

夕暮れの紅潮や霞までリアルタイムで調整できるの、シェーダーを部品化してる設計がうまいです。

𝐂𝐡𝐫𝐢𝐬𝐭𝐢𝐧𝐞 𝐙𝐡𝐮 ✨7 days ago

@ridd_design another amazing designer find!

Related Videos

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser

Csaba Kissi

17,673 views • 5 days ago

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,421,029 views • 1 month ago

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.

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,759 views • 2 years ago

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.

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

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

263,971 views • 1 month ago

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:

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,631 views • 1 year ago

Introducing Wayflow — an embeddable AI workflow builder for your app. Drop in a visual editor where your users build workflows and actually run them. Open source.

Introducing Wayflow — an embeddable AI workflow builder for your app. Drop in a visual editor where your users build workflows and actually run them. Open source.

Taha Shashtari

15,989 views • 2 months ago

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.

Duncan

158,832 views • 1 year ago

Shader-powered ASCII art on 21st Pick a shader, tweak the characters, colors, density, and effects in real time, then export or share your creation. Try it:

Shader-powered ASCII art on 21st Pick a shader, tweak the characters, colors, density, and effects in real time, then export or share your creation. Try it:

serafim

213,699 views • 2 months ago

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

199,670 views • 2 months ago

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Benjamin Canac

12,191 views • 6 months ago

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.

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 views • 1 year ago

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 views • 1 year ago

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React

Csaba Kissi

24,362 views • 2 months ago

Introducing - Search Engine for Developers! Answers all your coding questions and runs code directly in the app. Free and open-source. App link below👇

Introducing - Search Engine for Developers! Answers all your coding questions and runs code directly in the app. Free and open-source. App link below👇

Exa

44,738 views • 1 year ago

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Introducing shadcn/play An open-source playground for building, editing, and sharing shadcn blocks and components. - Live code, instant preview - Zero setup - Dark mode / Light mode - Mobile-responsive view - Shareable links Try it:

Duncan

34,499 views • 7 months ago

Introducing Cleo, a new AI developer tool for React. Select an element, write a prompt, and watch your changes happen in real time.

Introducing Cleo, a new AI developer tool for React. Select an element, write a prompt, and watch your changes happen in real time.

Houssein Djirdeh

33,937 views • 9 months ago

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,678 views • 6 months ago

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

Y Combinator

132,724 views • 1 year ago

Introducing Blume 🪷 A world-class docs framework for everything you ship. Drop Markdown into a folder and ship a full docs site with no app boilerplate. → zero-config setup → automatic SEO and AEO → 30+ components → powered by astro + vite → open source, free forever

Introducing Blume 🪷 A world-class docs framework for everything you ship. Drop Markdown into a folder and ship a full docs site with no app boilerplate. → zero-config setup → automatic SEO and AEO → 30+ components → powered by astro + vite → open source, free forever

Hayden

287,791 views • 2 months ago