# obsidian-gate-loader

> A sophisticated pre-loader component designed to elevate the initial user perception of a website. This loader features a "Kinetic Gate" mechanism, where layers of deep obsidian and silver-toned typography synchronize with the site's loading state. It transitions from a state of focused minimalism to a full-page reveal using heavy easing, reflecting an air of mystery and technical mastery. It is engineered for brands that value "First Impression" authority and want to mask high-fidelity asset loading with an engaging, cinematic experience.

- Author: [Hardik Kashiyani](https://21st.dev/@hardikkashiyani123456788)
- License: unknown
- Live preview: https://21st.dev/@hardikkashiyani123456788/components/obsidian-gate-loader

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/hardikkashiyani123456788/obsidian-gate-loader?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt