Introduction

What exactly is RetroUI Svelte?

RetroUI Svelte is a comprehensive UI component library that brings the beautiful design system of RetroUI to the Svelte ecosystem. This is an unofficial port created by Mhamad6000, Built on top of the shadcn-svelte registry system, RetroUI Svelte provides a seamless development experience with pre-built components that follow modern design principles and attention to detail.



Prerequisites

Important: Before using RetroUI Svelte, you must have shadcn-svelte installed and configured in your project. RetroUI Svelte components are built using the shadcn-svelte registry system.



Features

  • 🎨 16 Beautiful Themes. Choose from a curated collection of themes including Green, Orange, Yellow, Teal, Purple, Gold, Coral, Cyan, Blue, Red, Pink, Indigo, Lime, Rose, Sky, and Slate
  • 🌓 Light & Dark Mode. All themes support both light and dark modes with smooth transitions
  • 🔧 Highly Customizable. Extensive customization options through props, CSS variables, and theme overrides
  • 📚 Rich Documentation. Detailed documentation with examples and usage guides
  • 🔄 Unofficial Port. Community-driven port from the original RetroUI library created by Mhamad6000


Design Philosophy

RetroUI Svelte follows the same design philosophy as the original RetroUI, brought to Svelte by Mhamad6000:

  • Consistency - All components share the same design language
  • Flexibility - Easy to customize and adapt to different use cases


Community

RetroUI Svelte is an open-source project. We welcome contributions, bug reports, and feature requests through our GitHub repository. Join our community to share your experiences and help improve the library for everyone.