# Dillion

- **Website:** <https://magicui.design>
- **Primary alias:** `magicui.design`

## Description

Magic UI is a user interface library that helps designers and developers create polished, engaging landing pages. It offers more than 150 free, open-source animated components and visual effects, built with React, TypeScript, Tailwind CSS, and Motion. Designed for design engineers, Magic UI also works as a companion to shadcn/ui, providing reusable building blocks that can help teams bring web experiences together more quickly.

The library includes individual components as well as templates and larger blocks for landing pages. Users can browse its component collection, explore templates and showcase examples, or search the documentation for specific resources. Magic UI also offers Magic UI Pro, featuring more than 50 blocks and templates for building landing pages. Its showcase highlights websites and projects that use the library, including company pages, portfolios, and open-source projects. The site additionally features community feedback and videos. With free resources alongside a paid Pro offering, Magic UI serves people looking for ready-made interface elements and animated effects to create visually distinctive web pages.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_

## Links

- [github](https://github.com/magicuidesign)
- [twitter](https://twitter.com/dillionverma)

## Logos & icons

- icon _(primary)_ — JPEG — [download](https://cdn.brandfetch.io/idrxVgjKba/w/400/h/400/theme/dark/icon.jpeg?c=1bxid64Mup7aczewSAYMX&t=1792565067812)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Royal Blue | #4f39f6 | accent |
| Black | #000000 | dark |
| Curious Blue | #3490dc | light |

## Fonts

- var(--default-font-family — asset _(custom)_
- var(--font-geist-sans) — asset _(custom)_

## Imagery

- banner _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idrxVgjKba/w/1500/h/500/idUvQjVVgH.png?c=1bxid64Mup7aczewSAYMX&t=1760970621015)

---

_Source: <https://brandfetch.com/magicui.design>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._