Efekty & 3D · živé demo

Rozhraní, které
žije a dýchá.

Animované komponenty z react-bits spojené s Three.js 3D scénou — v našem darkstar stylu. Vpravo běží skutečná 3D scéna v reálném čase (reaguje na myš).

Efekty na kliknutí react-bits

Najeď myší na karty — spotlight sleduje kurzor a karta se naklání ve 3D (tilt). Přesně tyhle komponenty jde vzít do našich stránek.

🌌

Aurora pozadí

Animované barevné gradienty na pozadí (purple → cyan). Vidíš je za celou stránkou.

Shiny / Gradient text

Nadpis „žije a dýchá" — světlo přejíždí přes gradientní text donekonečna.

🧲

Magnet tlačítka

Tlačítka nahoře tě „přitahují" — jemně se posunou ke kurzoru. Zkus to.

🃏

Tilt + Spotlight karty

Tahle karta se naklání ve 3D a světelný kruh sleduje myš.

🧊

Three.js 3D

Skutečná WebGL scéna v heru — částicová koule + wireframe, rotuje a reaguje na pohyb.

📝

Split-text reveal

Text níže se odhaluje slovo po slovu s rozostřením, když doscrolluješ.

Postavíme ti stránku, na kterou se lidi budou chtít dívat.

Efekty se nasadí do landing pages, dashboardů i nabídek — v darkstar stylu, bez těžkých frameworků.

43k★
react-bits komponenty
WebGL
Three.js 3D scény
0
build krok (čisté HTML)
100%
darkstar styl
Demo · react-bits efekty + Three.js 3D · CzechAI darkstar · řekni, do které stránky to nasadit