<aside> 🧰

PIXVAULT is a centralized design-resource web application that brings GIFs, icons, UI components, illustrations, and inspiration into one searchable interface.

</aside>

1. Project overview

PIXVAULT was built primarily as a personal resource hub: a single place to find common design/development assets without repeatedly jumping between unrelated websites.

The application aggregates external resources into a consistent product interface while keeping each source's data boundary explicit.

Primary resource groups include:

• GIF discovery;
• icon libraries;
• reusable UI components/code snippets;
• illustrations and visual inspiration.

Frontend: React 18.3 + TypeScript + Vite

Server-state/data: TanStack Query

Runtime validation: Zod

Routing: React Router

UI: Tailwind CSS + shadcn/ui

Motion: Framer Motion

2. Product problem

Useful design assets are abundant, but they are fragmented across different sites with different search patterns, APIs, file formats, and interaction models.

The application does not try to replace those source platforms. It provides a personal discovery layer that reduces context switching and makes common actions consistent.

The core UX goal is: