PHPackages                             murtaza1904/wednesday-theme - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. murtaza1904/wednesday-theme

ActiveLibrary[Admin Panels](/categories/admin)

murtaza1904/wednesday-theme
===========================

Wednesday Theme - A Laravel React admin panel theme with Bootstrap and reusable UI components.

v1.0.0(8mo ago)021MITCSSPHP ^8.2

Since Oct 25Pushed 8mo agoCompare

[ Source](https://github.com/Murtaza1904/wednesday-theme)[ Packagist](https://packagist.org/packages/murtaza1904/wednesday-theme)[ RSS](/packages/murtaza1904-wednesday-theme/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (1)Versions (2)Used By (0)

🪄 Wednesday Theme
=================

[](#-wednesday-theme)

A modern, customizable **React theme package** for Laravel-based admin panels and dashboards.
Designed to provide a flexible UI foundation with reusable, modular components like Header, Sidebar, Card, Table, and Breadcrumb — all theme-aware and configuration-driven.

---

🚀 Features
----------

[](#-features)

- 🎨 **Theme-based architecture** — Easily switch and extend themes.
- ⚙️ **Config-driven layout** — Manage header, sidebar, and navigation links from a single config file.
- 🧩 **Reusable UI components** — Includes `Card`, `Table`, `Breadcrumb`, `Header`, and `Sidebar` components.
- 🌓 **Dark & Light modes** — Auto-detect and toggle theme modes.
- 🔐 **Auth-ready header** — Built-in user menu, profile, and logout functionality.
- 🪶 **Lightweight and modular** — Plug-and-play design that integrates seamlessly with your existing Laravel + React setup.

---

📦 Installation
--------------

[](#-installation)

In your Laravel + React project:

```
npm install wednesday-theme
```

or using Yarn:

```
yarn add wednesday-theme
```

---

🧱 Usage
-------

[](#-usage)

Here’s how to integrate `wednesday-theme` components into your app:

### 1. Wrap your app with the Context Provider

[](#1-wrap-your-app-with-the-context-provider)

```
import { ContextProvider } from "wednesday-theme";

function App() {
  return (

      {/* your routes and components */}

  );
}
```

### 2. Use built-in components

[](#2-use-built-in-components)

```
import { Header, Sidebar, Card, Table, Breadcrumb } from "wednesday-theme";

function Dashboard() {
  return (

          Dashboard Overview
          Welcome to your dashboard!

  );
}
```

---

⚙️ Configuration
----------------

[](#️-configuration)

You can customize the header, sidebar links, and user menu in your theme config file:

```
// theme.config.js
export const headerConfig = {
  profileLinks: [
    { name: "Profile", icon: "bi bi-person", path: "/profile" },
    { name: "Settings", icon: "bi bi-gear", path: "/settings" },
  ],
  logout: {
    name: "Logout",
    icon: "bi bi-box-arrow-left",
    action: "/auth/logout",
  },
};

export const sidebarConfig = [
  { name: "Dashboard", icon: "bi bi-speedometer2", path: "/dashboard" },
  { name: "Users", icon: "bi bi-people", path: "/users" },
];
```

---

🧩 Components
------------

[](#-components)

ComponentDescription`Header`App top bar with profile and logout actions`Sidebar`Configurable sidebar navigation`Breadcrumb`Dynamic breadcrumb navigation`Card`, `CardHeader`, `CardBody`Standardized card layout`Table`, `Thead`, `Tbody`, `Tr`, `Th`, `Td`, `NoRecord`Responsive table utilities---

🧠 Theme Philosophy
------------------

[](#-theme-philosophy)

> *“Wednesday is the middle — a balance between light and dark, simplicity and flexibility.”*

`wednesday-theme` focuses on **consistency**, **reusability**, and **clean architecture** — giving you the freedom to focus on business logic while maintaining a cohesive design system.

---

🏷️ Versioning
-------------

[](#️-versioning)

Use Git tags to version your releases:

```
git tag -a v1.0.0 -m "Initial release v1.0.0"
git push origin v1.0.0
```

---

🛠️ Built With
-------------

[](#️-built-with)

- React 19
- Bootstrap 5
- Laravel (API backend)
- Axios
- PropTypes

---

📄 License
---------

[](#-license)

This project is licensed under the **MIT License** — free to use, modify, and distribute.

---

💡 Author
--------

[](#-author)

**Wednesday Labs**Created with ❤️ for developers who love clean, reusable UI systems.

---

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance60

Regular maintenance activity

Popularity6

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

251d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/71174090?v=4)[Syed Muhammad Murtaza Kazmi](/maintainers/murtaza1904)[@Murtaza1904](https://github.com/Murtaza1904)

---

Top Contributors

[![Murtaza1904](https://avatars.githubusercontent.com/u/71174090?v=4)](https://github.com/Murtaza1904 "Murtaza1904 (6 commits)")

### Embed Badge

![Health badge](/badges/murtaza1904-wednesday-theme/health.svg)

```
[![Health](https://phpackages.com/badges/murtaza1904-wednesday-theme/health.svg)](https://phpackages.com/packages/murtaza1904-wednesday-theme)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)