About
Here is 3D ASCII Model Viewer component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds 3D ASCII Model Viewer to your project and fits it to your theme.
Code
How 3D ASCII Model Viewer is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AsciiModelViewer from "@/components/ui/3d-ascii-model-viewer";
const settings = {
resolution: 0.22,
characters: " .:-=+*#%@",
userScale: 1,
fgColor: "#ffffff",
bgColor: "#007BE5",
invert: false,
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen">
<AsciiModelViewer {...s} />
</div>
);
}
Dependencies
More by Daniel
View all
Gradient Shader Card
427