Skip to content

A React 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-react-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.
  • ⚙️ Automated Semantic Versioning: Semantic Versioning (SemVer) is now automated with Release It! for easy version management.

🧰 Tech Stack

  • React
  • TypeScript
  • ShadcnUI
  • Tailwind
  • Commitlint
  • ESLint
  • Prettier
  • Vite
  • Release-It

✨ 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 data-theme attribute in the <html> tag.
<html lang="en" data-theme="green-gradient">
  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 data-theme 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 React 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