Getting started

Installation

Use the package in an app, or copy individual components from the registry. Browse the component catalogue for live examples.

Package

Install from GitHub and deep-import components as needed.

npm install github:itsvigneshv/default-file-ui#main

CSS

Import the kit stylesheet once at the app root.

@import "@default-file/ui/css/df-index.css";

Foundation

CSS layers, tokens, hooks, and the cn utility. Install this first for copy-source setups.

itsvigneshv/default-file-ui/foundation

Registry items

Each component page lists its registry path as itsvigneshv/default-file-ui/<name>. Install foundation first when using copy-source tooling.

Peer dependencies

React and React DOM are required. Some items also need lucide-react for icons (select, toast, search-input).