Sections
Get Started
Components
- Accordion
- Alert Dialog
- Animated Gradient Text
- Animated Shiny Text
- Avatar
- Badge
- Bento Box
- Bento Grid
- Border Beam
- Breadcrumbs
- Card
- Checkbox
- Custom Cursor
- Dialog
- Glow Border
- Glow Card
- Hyper Text
- Logo Beam
- Marquee
- Number Counter
- Popover
- Ripple Button
- Scroll Area
- Separator
- Shimmer Button
- Shinny Icons
- Tabs
- Terminal
- Text Animate
- Theme Toggler
- Typing Animation
- Word Rotate
Note: Since Ebon UI was inspired by shadcn/ui we have the same installation process.
Next.js
Create project
Run the init command to create a new Next.js project or to setup an existing one:
pnpm dlx shadcn@latest init
Choose between a Next.js project or a Monorepo.
Add Components
You can now start adding components to your project.
pnpm dlx shadcn@latest add https://ebonui.com/r/ripple-button.json
The command above will add the Ripple Button component to your project. You can then import it like this:
import { RippleButton } from "@/components/ui/ripple-button"<RippleButton>Ripple Button</RippleButton>Support Ebon UI by giving it a star on GitHub!
A lot of work goes into maintaining and improving Ebon UI. Your stars help show your support and encourage further development.
Star on Github