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. Keywords: distro chooser, distrochooser, choose a distro.

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
│   │   │   ā”œā”€ā”€ DistroGridSkeleton.svelte
│   │   │   ā”œā”€ā”€ DistroPanel.svelte
│   │   │   ā”œā”€ā”€ ErrorDisplay.svelte
│   │   │   ā”œā”€ā”€ GalleryModal.svelte
│   │   │   ā”œā”€ā”€ LoadingSpinner.svelte
│   │   │   ā”œā”€ā”€ OptimizedImage.svelte
│   │   │   ā”œā”€ā”€ TagFilter.svelte
│   │   │   ā”œā”€ā”€ TagSkeleton.svelte
│   │   │   └── ThemeToggle.svelte
│   │   ā”œā”€ā”€ stores/
│   │   │   ā”œā”€ā”€ index.ts
│   │   │   └── theme.ts
│   │   ā”œā”€ā”€ utils/
│   │   │   ā”œā”€ā”€ data.ts
│   │   │   ā”œā”€ā”€ focusTrap.ts
│   │   │   ā”œā”€ā”€ index.ts
│   │   │   ā”œā”€ā”€ validation.ts
│   │   │   └── focusTrap.ts
│   │   ā”œā”€ā”€ supabase.ts
│   │   ā”œā”€ā”€ types.ts
│   │   ā”œā”€ā”€ distros.json
│   │   └── tags.json
│   └── routes/
│       ā”œā”€ā”€ +layout.svelte
│       ā”œā”€ā”€ +page.svelte
│       └── +page.server.ts
ā”œā”€ā”€ static/
│   └── screenshots/
ā”œā”€ā”€ package.json
ā”œā”€ā”€ svelte.config.js
ā”œā”€ā”€ tsconfig.json
ā”œā”€ā”€ vite.config.js
└── README.md

šŸ—„ļø Database Structure (Supabase)

distros table

Column Type Description
id int8 Primary key
name varchar Distro identifier (same as 'id' in distros.json)
likes int2 Number of likes

Find Your Perfect Linux Distribution Today! 🐧

Top categories

Loading Svelte Themes