Life Grid — component for generative & ascii (remotion)
For AI agents: find the right skill in one call —
curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the use-case page.
Conway's Game of Life plays out on a seeded grid, with newborn cells flashing in the accent.
- Install:
npx shadcn@latest add @remocn/life-grid - Registry: remocn · Framework: remotion · License: MIT
- Docs and preview: https://remocn.dev/docs/motion-graphics/life-grid
- Source: https://remocn.dev/r/life-grid.json
- Runs: local render, free
- Aspect: any
Slots (what you fill in)
cols(number)density(number)framesPerGeneration(number)gap(number)showGrid(boolean)seed(number)background(color)color(color)accent(color)
Used in
- Math animation
- Whiteboard & hand-drawn
- Live-coded music video
- Shader loop
- Generative art loop
- ASCII & retro looks
More generative & ascii
- ASCII Render Pass —
npx hyperframes add ascii-render-pass - ASCII Trail Reveal —
npx hyperframes add ascii-trail-reveal - Fractal Noise —
npx hyperframes add fractal-noise - Gabor Noise —
npx hyperframes add gabor-noise - Worley Noise —
npx hyperframes add worley-noise - ASCII Render —
npx shadcn@latest add @remocn/ascii-render