Components
“Vortex —A mathematical art generator in polar coordinates.”
Parameters:
t - time
r - radius (0 ~ 1)
th - angle θ
x, y - cartesian coordinates (-1 ~ 1)
noise() - random noise function
exp() - exponential function
hypot() - hypotenuse function
Features:
• Click to change pattern
• Edit expression directly
• Sharable via URL
• Press Space to toggle resolution
Math functions available:
sin, cos, tan, abs, sqrt, exp
hypot, atan2, max, min, round
ceil, floor, random
inspired by @antfu & @aemkei
npx shadcn@latest add https://21st.dev/r/xubohuah/vortexLoading preview...
'use client'
import { VortexPage } from "@/components/ui/vortex"
const DemoOne = () => {
return (
<div className="w-full h-screen bg-black">
<VortexPage />
</div>
);
};
export { DemoOne };