React, Next.js, Vue, Svelte, Astro 및 일반 HTML용 오픈소스 쿠키 동의 관리자와 GDPR 쿠키 배너
bas3line/ascii
React, Next.js, Astro, 일반 HTML 태그, SVG와 터미널에서 사용할 수 있는 애니메이션 ASCII 아트 240종
- 스타
- 939
- 포크
- 54
- 열린 이슈
- 5
- 마지막 커밋
- 3일 전
어떤 프로젝트인가요?
ascii.rest는 웹 페이지에 애니메이션 ASCII 아트를 그리는 TypeScript 라이브러리입니다. 텍스트 효과, 차트와 스피너부터 3D 도형, 물리 시뮬레이션, 장면, 프로그래밍 언어·Linux 배포판·기업 로고까지 바로 쓸 수 있는 작품 240종을 제공합니다.
작품은 여러 방식으로 사용할 수 있습니다. React 또는 Astro 컴포넌트로 쓰거나, 빌드 과정 없이 사용자 정의 `<ascii-art>` HTML 태그로 사용하거나, 일반 TypeScript에서 `mount()`를 호출하면 됩니다. kit API를 사용하면 이름이 지정된 모양, 움직임, 위젯을 조합해 새 작품을 만들 수 있습니다. 같은 작품을 GitHub README에 넣을 애니메이션 SVG로 내보내거나, 스플래시 화면을 포함해 터미널에서 재생할 수도 있습니다.
또한 URL 쿼리 인터페이스를 통해 애니메이션 텍스트 배너를 생성하고, 브라우저에서 업로드한 이미지를 ASCII 애니메이션으로 변환할 수 있습니다.
핵심 기능
- 01장면, 차트, 스피너, 3D 도형, 물리 시뮬레이션, 로고 등 바로 쓸 수 있는 작품을 제공합니다.
- 02React 및 Astro 컴포넌트와 일반 `<ascii-art>` HTML 태그를 지원합니다.
- 03GitHub README에 삽입할 애니메이션 SVG를 내보냅니다.
- 04Node 내장 모듈만 사용하는 스플래시 화면 API로 터미널에서 재생할 수 있습니다.
- 05브라우저에서 실행되는 이미지-to-ASCII 변환 기능을 제공합니다.
활용 사례
- 미니멀한 개인 사이트나 문서 사이트에 간단한 애니메이션 ASCII 요소를 추가할 때.
- CLI 도구의 시작 화면에 로더나 ASCII 배너를 표시할 때.
- GitHub README 상단에 애니메이션 로고나 배너를 넣을 때.
- 프로젝트 브랜딩에 맞는 ASCII 아트 작품을 kit API로 만들 때.
빠른 시작
- 1
npm에서 패키지를 설치하기
npm install ascii.rest - 2
설치하지 않고 터미널에서 사용해 보기
npx ascii.rest rust - 3
React 컴포넌트에서 일부 기능 사용하기
사용 전 알아둘 점
- 컬러풀한 요소 대부분은 터미널에서 24비트 컬러가 필요합니다. 지원되지 않으면 mono 옵션으로 단색으로 표시됩니다.
- 이미지를 ASCII 아트로 변환하는 도구와 같은 일부 기능은 ascii.rest 웹사이트에 의존합니다.
토픽
자주 묻는 질문
- ascii은(는) 무엇인가요?
- React, Next.js, Astro, 일반 HTML 태그, SVG와 터미널에서 사용할 수 있는 애니메이션 ASCII 아트 240종 ascii.rest는 웹 페이지에 애니메이션 ASCII 아트를 그리는 TypeScript 라이브러리입니다. 텍스트 효과, 차트와 스피너부터 3D 도형, 물리 시뮬레이션, 장면, 프로그래밍 언어·Linux 배포판·기업 로고까지 바로 쓸 수 있는 작품 240종을 제공합니다.
- ascii은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- ascii은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- ascii은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. ascii의 마지막 커밋은 2026년 10월 17일입니다.
- ascii은(는) 어디에 사용할 수 있나요?
- 미니멀한 개인 사이트나 문서 사이트에 간단한 애니메이션 ASCII 요소를 추가할 때. CLI 도구의 시작 화면에 로더나 ASCII 배너를 표시할 때. GitHub README 상단에 애니메이션 로고나 배너를 넣을 때. 프로젝트 브랜딩에 맞는 ASCII 아트 작품을 kit API로 만들 때.
- ascii는 어떻게 설치하나요?
- npm에서 패키지를 설치하기: npm install ascii.rest 설치하지 않고 터미널에서 사용해 보기: npx ascii.rest rust React 컴포넌트에서 일부 기능 사용하기
- ascii은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/bas3line/ascii
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
접근성과 성능 지침이 내장된 React, Next.js, Svelte, Astro용 Motion.dev 애니메이션을 생성하는 Claude Code 스킬
React 컴포넌트 npm 패키지로 제공되는, 최적화 및 커스터마이징 가능한 개발자용 SVG 기술 로고 모음입니다.
Tailwind CSS와 motion 기반의 React 및 Next.js용 재사용 가능한 커서 애니메이션 라이브러리입니다.
Material 3 Expressive 앱 화면을 스케치하고 AI 코딩 도구용 프롬프트로 변환하는 브라우저 스케치패드입니다.
영어 단어 암기와 키보드 근육 기억 훈련을 결합한, 업무에서 영어를 쓰는 사람을 위한 타자 연습 웹 앱입니다.