furry-backgrounds

Beautiful SVG and Canvas website backgrounds for warm, modern, and lightweight web interfaces.

furry-backgrounds is a small open-source collection of standalone background demos. The root Gallery helps you browse the collection, while every background in backgrounds/<slug>/index.html can still be opened directly without npm, a build step, or a CDN.

Preview

Run the Gallery locally:

npm install
npm run dev

Build the deployable static site:

npm run build

The build writes the Vite Gallery and copied standalone assets to dist/.

Backgrounds

Name	Type	Theme	Motion	Entry
GoFurry Grid	CSS	Both	Static	backgrounds/gofurry-grid/index.html
GoFurry Star Dust	Canvas	Both	Animated	backgrounds/gofurry-start-dust/index.html
Star Dust Template	Canvas	Dark	Animated	backgrounds/start-dust-template/index.html
Aurora Template	Canvas	Dark	Animated	backgrounds/aurora-template/index.html

Initial previews use preview.svg files instead of generated screenshots. Real preview.png captures can be added later when screenshot automation exists.

Repository Layout

backgrounds/        Standalone demos users can open or copy
src/                TypeScript Gallery app and maintainable source mirrors
src/data/           Gallery metadata index
docs/               Usage, performance, and contribution notes
scripts/            TypeScript maintenance scripts

Scripts

npm run dev        # Start the Vite Gallery
npm run typecheck  # Type-check Gallery and maintenance scripts
npm run validate   # Validate metadata and referenced files
npm run build      # Validate, build Gallery, and copy static assets

Use

For a quick static page, copy the standalone index.html from any background folder. For maintained projects, copy the relevant source from src/backgrounds/<slug>/ and adapt it to your app.

See Usage, Performance, Contribution, and Contributing.

Chinese documentation is maintained under docs/zh.

License

MIT. See LICENSE.