uicapsule

ASCII Renderer

Component 16

About

A 3D scene rendered as live ASCII art using Three.js, with an animated rotating torus knot and orbit controls.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds ASCII Renderer to your project and fits it to your theme.

Code

How ASCII Renderer is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";

import { AsciiRenderer } from "@/components/ui/ascii-renderer";

export default function Default() {
  return (
    <div className="relative h-[500px] w-full">
      <AsciiRenderer />
    </div>
  );
}

Dependencies

More by uicapsule

View all
  • Gradient Orb

    Gradient Orb

    505
  • Background Pixel Stars

    Background Pixel Stars

    339
  • Geometric Orb

    Geometric Orb

    124
  • Background Shapes

    Background Shapes

    110
  • Formation

    Formation

    89
  • Voice Dictator

    Voice Dictator

    86
  • Infinite Grid

    Infinite Grid

    34
  • Spinner Pixel Grid

    Spinner Pixel Grid

    12