sulaf
DocsComponents
X
Sections
  • Get Started
  • Installation
  • Components
  • Animations
    Soon
Components
  • Autocomplete
  • Show More
  • Typography
  • Code Block
    Soon
  • Code Snippet
    Soon
  • Guided Tour
    Soon
  • Meter
    Soon
  • Star Rating
    Soon
Animations
Soon

Introduction

Next

Beautiful, accessible Vue components built for shadcn-vue. Copy, paste, and make them yours.

Welcome to Sulaf. This is a collection of re-usable components that you can copy and paste into your apps.

If you use shadcn-vue you will find it easy to use these components. Sulaf is a registry that contains a set of components that extend and make shadcn-vue more powerful than ever.

What is Sulaf?

Sulaf سٌلاف (it's pronounced as su-laaf) is an authentic Arabic feminine name, meaning the finest and best type of wine, or the purest and best part of anything. The name reflects meanings of purity, refinement, and advancement.

Why I built Sulaf?

I built it because I wanted it, I needed it, and I believe it will help many developers build beautiful interfaces faster and more easily. The second reason is that I noticed there are very few shadcn-vue registries available for Vue, and the ones that exist aren't quite there yet. In contrast, for React, you'll find countless shadcn registries. So, I decided to create my own and share it.

What's Next?

Start Installing to see how to start using Sulaf.

Last updated on April 14, 2026

Installation

On This Page

What is Sulaf?Why I built Sulaf?What's Next?
© 2026 - Built with shadcn-vue . The source code is available on GitHub.