yusufipek/distromatch
1
0
Fork 0
mirror of https://github.com/yusufipk/distromatch.git synced 2026-09-11 18:56:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add a visually engaging Linux distribution discovery app

Browse Source 
Implement a Tinder-style card swiping interface for discovering Linux distributions, featuring landscape screenshots, physics-based animations, and dynamic backgrounds.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: e522d728-b28a-437f-b576-83935afe7ea0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 214eff6b-5420-4bc2-8d15-c6c2ebb822ab
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/55e426a8-5a2b-421b-8bd4-30481ae0063b/e522d728-b28a-437f-b576-83935afe7ea0/3ouALIb
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
yusufipk
2025-12-17 13:34:14 +00:00
parent 51eacc7a1c
commit b1ca5c29fe
22 changed files with 601 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/examples/CardStackExample.tsx
+13
View File
@@ -0,0 +1,13 @@
import CardStack from '../CardStack';
import { distroCards } from '@/data/distros';
export default function CardStackExample() {
return (
<div className="flex min-h-[750px] items-center justify-center bg-gradient-to-br from-purple-900/50 to-blue-900/50 p-8">
<CardStack
cards={distroCards}
onBackgroundChange={(colors) => console.log('Colors:', colors)}
/>
</div>
);
}