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

    515
  • Background Pixel Stars

    Background Pixel Stars

    355
  • Geometric Orb

    Geometric Orb

    129
  • Background Shapes

    Background Shapes

    111
  • Formation

    Formation

    102
  • Voice Dictator

    Voice Dictator

    89
  • Infinite Grid

    Infinite Grid

    35
  • Spinner Pixel Grid

    Spinner Pixel Grid

    12