Designali

Ui

Designali an extensive collection of copy-and-paste components for quickly building app UIs. It's free, open-source, and ready to drop into your projects.

slate

Radius

Button

Displays a button or a component that looks like a button.

.tsx

import { Button } from "@/components/ui/button"

Inputs

Displays a form input field or a component that looks like an input field.

.tsx

import { Input } from "@/components/ui/inputs"

Mockups

Displays a mockup field or a component that looks like an apple devices.

.tsx

import { Input } from "@/components/ui/inputs"

Easings

We use class names with arbitrary properties like [transition-timing-function:cubic-bezier(...)] instead of ease-[cubic-bezier(...)] as recommended in the Tailwind CSS documentation, because the latter won‘t work with the tailwindcss-animate plugin. See this GitHub issue for technical details.

Not Playing

Spotify

Ali Imam