组件 Component 动效 Motion library library

ascii.rest:191 个会动的 ASCII 字符画,一行标签放进网页 ascii.rest: 191 animated ASCII pieces you can drop into a page with one tag

挑一个会动的字符画,一个标签放进网页。 Pick an animated ASCII piece and drop it in with one tag.

ascii.rest:191 个会动的 ASCII 字符画,一行标签放进网页 预览

详细介绍Details

一套给网页用的动态字符画:13 个彩色风景(极光峡湾、京都黄昏、夜海灯塔等)、加载动画、进度条、图表、日历、终端、404 页,还有编程语言 logo、Linux 发行版 logo、3D 形状和小动物。每个都是不依赖任何库的 TypeScript 小模块,React、Next.js、Astro 都能用,最省事的是引一个 ascii.js 再写一个 <ascii-art> 标签。会照顾「减少动态效果」的系统设置,只停在第一帧。MIT 许可,可以随便改。适合想给个人站、作品集或开发者产品加点复古终端味的人。 Animated ASCII art for web pages: 13 full-color scenes (aurora fjord, Kyoto dusk, a lighthouse at night, and more), loaders, progress bars, charts, a calendar, a terminal, a 404 page, plus language logos, Linux distro logos, 3D shapes, and creatures. Each is a small dependency-free TypeScript module for React, Next.js, or Astro; the easiest path is loading ascii.js and writing one <ascii-art> tag. It respects reduced-motion settings by holding the first frame. MIT licensed. Good for adding a retro terminal feel to a personal site, portfolio, or developer product.

适合学什么What to learn

  • 组件 Component

    可复用的 HTML/Web Component 与轻量框架。 Reusable HTML / Web Components and light frameworks.

  • 动效 Motion

    CSS 动画库、纯 CSS 绘画与动效演示。 CSS animation libraries, pure-CSS drawings, and motion demos.

  • library library

    该类型下收录的公开 HTML 页面。 Public HTML pages listed under this type.

为什么推荐Why we recommend it 本库没有装进项目试。 Not installed into a project here.

核验记录:来源、抓取与截图说明Verification log: sources, checks, and captures

HN 首页(item 49993857,2026-10-07,撰写时 284pts)。官网早间 HTTP 200,页面写 191 个作品、MIT;GitHub bas3line/ascii 许可 MIT、171★(10-07 新建)。已配 Playwright 实拍 3:2 自托管预览。HN front page (item 49993857, 2026-10-07, 284pts at write time). Site HTTP 200 this morning, says 191 pieces, MIT; GitHub bas3line/ascii is MIT with 171★ (created 10-07). Includes a Playwright-captured self-hosted 3:2 preview.

同类型Same type