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

26,154 views • 1 month ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

13 Comments

wibus.松1 month ago

太高级了教我🥺

Cuvii1 month ago

🤓 索嗨老师厉害

Kimi Nguyen1 month ago

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

Travis Fischer1 month ago

LOVE this

Cuvii1 month ago

thanks Travis!

Ecniv1 month ago

👍🏻

Ding1 month ago

太强了！

Cuvii1 month ago

🫶

Tanmay M1 month ago

They all look so real

Yendrek1 month 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. ❤️

Cuvii1 month ago

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

A-Shanの余談_GibBoo1 month ago

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

𝐂𝐡𝐫𝐢𝐬𝐭𝐢𝐧𝐞 𝐙𝐡𝐮 ✨1 month 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

18,399 views • 1 month 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,428,338 views • 3 months 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

266,087 views • 3 months 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 React Bits 2.0 The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch. 216 animated React components, free and open source as always.

Introducing React Bits 2.0 The library you know, rebuilt. Components now look sharper, move smoother and start from presets, and our design tools were fully rebuilt from scratch. 216 animated React components, free and open source as always.

David Haz

91,335 views • 18 days 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 • 3 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

161,788 views • 1 year ago

- Curated directory of tools for vibe coders - 600+ free, open-source UI components - Animation library for web - Open-source analytics - Animated React components for ShadCN

- Curated directory of tools for vibe coders - 600+ free, open-source UI components - Animation library for web - Open-source analytics - Animated React components for ShadCN

Csaba Kissi

28,864 views • 2 months ago

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

Alex

52,873 views • 13 days 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

200,166 views • 3 months 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 • 3 months ago

The Open-source library of motion effects, Kinetics, now has 135 effects. Three versions are available: CSS, React, and AI prompt

The Open-source library of motion effects, Kinetics, now has 135 effects. Three versions are available: CSS, React, and AI prompt

Csaba Kissi

32,457 views • 3 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 • 7 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,496 views • 1 year ago

Introducing Rewamp UI My first open-source UI library. 70+ ready-to-use components built for modern websites. From shaders and animations to navbars, buttons, cards, and more everything you need, all in one place. Completely free. Go check it out : Drop your honest reviews below.

Introducing Rewamp UI My first open-source UI library. 70+ ready-to-use components built for modern websites. From shaders and animations to navbars, buttons, cards, and more everything you need, all in one place. Completely free. Go check it out : Drop your honest reviews below.

Palak

142,918 views • 1 month 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

Re-introducing React Bits Pro. The complete React library for crafting memorable UI. ▷ 134 Creative Components (34 new) ▷ 300 App UI Blocks ▷ 238 Marketing Blocks ▷ 11 Templates ▷ Landing Page Builder ▷ An Agent Kit for your AI ▷ Rebuilt Docs

Re-introducing React Bits Pro. The complete React library for crafting memorable UI. ▷ 134 Creative Components (34 new) ▷ 300 App UI Blocks ▷ 238 Marketing Blocks ▷ 11 Templates ▷ Landing Page Builder ▷ An Agent Kit for your AI ▷ Rebuilt Docs

David Haz

13,459 views • 2 months 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,706 views • 3 months ago

Open-source and free apps for coders - 5000+ Open-source SVG icons - Open-source CSS animated buttons - 60 components, 2,671 examples. - Free motion effects - Open-source modern UI components

Open-source and free apps for coders - 5000+ Open-source SVG icons - Open-source CSS animated buttons - 60 components, 2,671 examples. - Free motion effects - Open-source modern UI components

Csaba Kissi

64,699 views • 3 months ago