Introduction
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