simplus-svelte-boilerplate

Simplus Svelte Boilerplate

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

🌐 ¿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

✨ 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

Slate slate-gradient

Stone stone-gradient

Gray gray-gradient

Neutral neutral-gradient

Red red-gradient

Rose rose-gradient

Green green-gradient

Blue blue-gradient

Yellow yellow-gradient

Violet violet-gradient

📜 License

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

Top categories

Loading Svelte Themes