sulaf
DocsComponentsComposables
X
Sections
  • Get Started
  • Installation
  • Components
  • Composables
  • Animations
    Soon
Components
  • Autocomplete
    New
  • Show More
    New
  • Meter
    New
  • Contribution Heatmap
    New
  • Phone Input
    New
  • Typography
    New
  • Code Block
    Soon
  • Code Snippet
    Soon
  • Guided Tour
    Soon
  • Star Rating
    Soon
Composables
  • useGithubProfile
    Beta
  • useIsMac
    New
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.

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.