Skip to content

A Svelte boilerplate with consistent design for Simplus Toolbox, responsive layout, quick theme switching, and code quality tools.

License

Notifications You must be signed in to change notification settings

Simplus-Labs/simplus-svelte-boilerplate

Repository files navigation

🌐 ¿No hablas inglés? Haz clic aquí para la versión en español.

🛠 Simplus React Boilerplate 🛠

🌟 Features · 🧰 Tech Stack · Customize


🌟 Features

  • 🛠 Consistent Design for Simplus Toolbox: A design structure ensuring coherence across all tools from Simplus Toolbox.
  • 📱 Responsive Layout: Designed to look and function seamlessly on devices of all sizes.
  • 🎨 Quick Theme Switching: Rapidly change the look of your tool by selecting from a range of custom themes.
  • 💻 Code Standardization and Quality: Maintain clean and consistent code with leading tools like ESLint, Prettier, and Commitlint.

🧰 Tech Stack

  • Svelte
  • TypeScript
  • ShadcnUI
  • Tailwind
  • Commitlint
  • ESLint
  • Prettier
  • Vite

✨ Customize

Ready to make this boilerplate uniquely yours? Here’s how:

  1. Meta Information: Start by personalizing the project's identity.

    • 📝 Navigate to the index.html file.
    • 🖋 Update all title and meta tags to match your tool's name, description, and other details.
  2. Theme Adaptation: Shape the visual experience of your tool.

    • 🎨 Set your desired theme by modifying the <body> tag.
<body class="yellow-gradient">
  <div id="root"></div>
</body>
  1. Choose from Our Themes: Whether you’re after a minimalist gray or a vibrant rose, we’ve got you covered. Select from a rich palette of themes tailored for a seamless user experience.

🎨 List of themes

Theme Class Preview
Zinc zinc-gradient zinc-gradient
Slate slate-gradient slate-gradient
Stone stone-gradient stone-gradient
Gray gray-gradient gray-gradient
Neutral neutral-gradient neutral-gradient
Red red-gradient red-gradient
Rose rose-gradient rose-gradient
Green green-gradient green-gradient
Blue blue-gradient blue-gradient
Yellow yellow-gradient yellow-gradient
Violet violet-gradient violet-gradient

📜 License

This project is licensed under the MIT License. See LICENSE for more information.

About

A Svelte boilerplate with consistent design for Simplus Toolbox, responsive layout, quick theme switching, and code quality tools.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published