About
Cube animation, tweak the rotation speed, axis and cube color!
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ASCII Cube to your project and fits it to your theme.
Code
How ASCII Cube is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
// This is file with demos of your component
// Each export is one usecase for your component
import CubeAnimation from "@/components/ui/ascii-cube";
const DemoBasic = () => {
return <CubeAnimation />;
};
const DemoColoured = () => {
return <CubeAnimation
color={true}
edges={false}
speedB={0.04}
speedC={0.04}
axis="yz"
// backfaceCulling={false}
/>
};
const DemoWireframe = () => {
return <CubeAnimation
wireframe={true}
speedA={0.04}
axis="x"
/>
};
export { DemoBasic, DemoColoured, DemoWireframe };
More by Montek
View all
ASCII KNOT
122
ASCII Pyramid
52