distro-picker Svelte Themes

Distro Picker

An app that allows you to pick a Linux distribution based on your needs by providing a comprehensive filtering mechanism. Written with the assistance of the Opencode AI agent

Linux Distribution Picker

A modern Linux distribution picker built with SvelteKit to help users find the perfect Linux distribution for their needs based on gaming, development, user-friendliness, and other criteria.

Install dependencies

bun install

Start development server

bun run dev

Create production build

bun run build

Preview production build

bun run preview

šŸ“ Project Structure

distro-picker/
ā”œā”€ā”€ src/
│   ā”œā”€ā”€ app.css
│   ā”œā”€ā”€ app.html
│   ā”œā”€ā”€ lib/
│   │   ā”œā”€ā”€ components/
│   │   │   ā”œā”€ā”€ DistroGrid.svelte
│   │   │   ā”œā”€ā”€ DistroPanel.svelte
│   │   │   ā”œā”€ā”€ ErrorDisplay.svelte
│   │   │   ā”œā”€ā”€ LoadingSpinner.svelte
│   │   │   ā”œā”€ā”€ TagFilter.svelte
│   │   │   ā”œā”€ā”€ ThemeToggle.svelte
│   │   │   ā”œā”€ā”€ OptimizedImage.svelte
│   │   │   └── *Skeleton.svelte
│   │   ā”œā”€ā”€ stores/
│   │   │   ā”œā”€ā”€ index.ts
│   │   │   └── theme.ts
│   │   ā”œā”€ā”€ utils/
│   │   │   ā”œā”€ā”€ data.ts
│   │   │   ā”œā”€ā”€ focusTrap.ts
│   │   │   ā”œā”€ā”€ index.ts
│   │   │   └── validation.ts
│   │   ā”œā”€ā”€ types.ts
│   │   ā”œā”€ā”€ distros.json
│   │   └── tags.json
│   └── routes/
│       ā”œā”€ā”€ +layout.svelte
│       ā”œā”€ā”€ +layout.server.js
│       └── +page.svelte
ā”œā”€ā”€ static/
ā”œā”€ā”€ package.json
ā”œā”€ā”€ svelte.config.js
ā”œā”€ā”€ tsconfig.json
ā”œā”€ā”€ vite.config.js
└── README.md

Find Your Perfect Linux Distribution Today! 🐧

Top categories

Loading Svelte Themes