待翻譯：Show HN: Build beautiful web apps faster with UiSvelte

AI 服務暫時不可用，以下為來源正文，待恢復後補全翻譯。

Uh oh! There was an error while loading. Please reload this page. Notifications You must be signed in to change notification settings Fork 1 Star 30 BranchesTags Open more actions menu Latest commit History 73 Commits 73 Commits Folders and files NameName Last commit message Last commit date ui-svelte-desktop ui-svelte-desktop ui-svelte-docs ui-svelte-docs ui-svelte-lib ui-svelte-lib ui-svelte-mobile ui-svelte-mobile .gitignore .gitignore README.md README.md bun.lock bun.lock index.ts index.ts package.json package.json tsconfig.json tsconfig.json Repository files navigation A modern, accessible UI component library built for Svelte 5 Ui Svelte is a comprehensive UI component library designed to leverage Svelte 5's latest features. Build beautiful, accessible interfaces with minimal configuration and maximum developer experience. ✨ Features 🎨 Modern Design System Beautiful, pre-styled components with multiple variants and customization options. Choose from primary, secondary, soft, outlined, and ghost variants to match your design needs. 🎯 Built for Svelte 5 Fully optimized for Svelte 5's runes system with $state, $derived, and snippets. Experience the full power of Svelte's reactivity with a modern component API. 🔧 Highly Customizable Every component accepts custom classes and styling props. Customize individual sections with dedicated class props for headers, bodies, footers, and more. 📱 Responsive Design Mobile-first design approach with responsive sizing options (xs, sm, md, lg, xl). Components adapt seamlessly to different screen sizes and devices. ♿ Accessibility First Built with accessibility in mind, following WCAG guidelines. Proper ARIA attributes, keyboard navigation, and semantic HTML ensure your apps are usable by everyone. 🎭 Rich Component Variants Multiple style variants for every component including primary, secondary, soft, outlined, ghost, and semantic variants (success, info, warning, danger) for contextual feedback. 🖼️ Icon Integration Seamless integration with Iconify for thousands of icon options. Add icons to buttons, text fields, and other components with a simple prop. 📝 Form Components Comprehensive form component suite with built-in validation, error states, help text, and floating labels. Build complex forms with ease. 🎪 Interactive Elements Rich interactive components including tabs, cards, selects, and more. Create dynamic user interfaces with minimal code. 🎨 Theming Support Flexible theming system with support for custom color schemes. Adapt components to match your brand identity effortlessly. 📦 TypeScript Support Full TypeScript support with comprehensive type definitions. Enjoy autocomplete, type checking, and compile-time error detection throughout your development process. 🚀 Lightweight & Fast Optimized bundle size with tree-shaking support. Only import what you need for blazing-fast load times and minimal overhead. 📦 Installation # or bun add ui-svelte 🚀 Quick Start Welcome to Ui Svelte console.log('Hello', name)} /> 📖 Documentation For detailed documentation, examples, and interactive component previews, visit our official documentation. 🎨 Component Library SappsUI includes a comprehensive set of components for building modern web applications: Buttons & Actions: Button, IconButton Forms: TextField, Select, Checkbox Layout: Card, Divider, Section Navigation: Tabs Data Display: Avatar, Code Feedback: Status indicators, Error states And more... 🌟 Support If you find UiSvelte helpful, please consider giving it a star on GitHub! Your support helps us continue improving the library. For questions, issues, or feature requests, please visit our GitHub Issues page. Built with ❤️ by the SappsDev Team Resources Readme Activity Custom properties Stars 30 stars Watchers 0 watching Forks 1 fork Report repository