PHPackages                             souravdutt/techgeeta-tools-ui - 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. [Utility & Helpers](/categories/utility)
4. /
5. souravdutt/techgeeta-tools-ui

ActiveLibrary[Utility & Helpers](/categories/utility)

souravdutt/techgeeta-tools-ui
=============================

TechGeeta UI for Tools to help keep same branding in all tools.

v1.1.6(6mo ago)153BladePHP ^8.2

Since Aug 2Pushed 6mo agoCompare

[ Source](https://github.com/souravdutt/techgeeta-tools-ui)[ Packagist](https://packagist.org/packages/souravdutt/techgeeta-tools-ui)[ RSS](/packages/souravdutt-techgeeta-tools-ui/feed)WikiDiscussions main Synced 1mo ago

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

TechGeeta Tools UI - Component Library
======================================

[](#techgeeta-tools-ui---component-library)

A comprehensive Laravel Blade component library for maintaining consistent branding across all TechGeeta tools.

Overview
--------

[](#overview)

This package has been transformed from a utility class-based approach to a robust component-based system. Instead of using CSS classes like `.btn-primary` or `.card`, you now use Blade components like `` and ``.

TechGeeta Tools UI - Component Library
======================================

[](#techgeeta-tools-ui---component-library-1)

A comprehensive Laravel Blade component library for maintaining consistent branding across all TechGeeta tools.

Overview
--------

[](#overview-1)

This package has been transformed from a utility class-based approach to a robust component-based system. Instead of using CSS classes like `.btn-primary` or `.card`, you now use Blade components like `` and ``.

🔧 Installation
--------------

[](#-installation)

1. Install via Composer:

```
composer require souravdutt/techgeeta-tools-ui
```

2. Publish assets:

```
php artisan vendor:publish --tag=ui
```

3. The components are automatically registered and ready to use.

```

```

📁 Local Development Setup (Symlink Path Repository)
---------------------------------------------------

[](#-local-development-setup-symlink-path-repository)

Make sure your main app's composer.json includes:

```
"repositories": [
  {
    "type": "path",
    "url": "../techgeeta-tools-ui",
    "options": {
      "symlink": true
    }
  }
]
```

🧩 Available Components
----------------------

[](#-available-components)

### Button Component

[](#button-component)

```

Click me

Primary
Secondary
Success
Danger
Warning
Outline
Ghost

Small
Medium
Large

Go to Dashboard

Disabled

With Icon
```

### Input Component

[](#input-component)

```

```

### Card Component

[](#card-component)

```

    Card content goes here

    Settings form would go here

    Clean card content

    Card with large padding

```

### Modal Component

[](#modal-component)

```

    Modal content goes here

            Cancel

        Save

    Open Modal

```

### Tabs Component

[](#tabs-component)

```

@php
$tabs = [
    ['id' => 'tab1', 'title' => 'General', 'icon' => '...'],
    ['id' => 'tab2', 'title' => 'Security', 'badge' => '2'],
    ['id' => 'tab3', 'title' => 'Billing']
];
@endphp

        General Settings
        General settings content...

        Security Settings
        Security settings content...

        Billing Settings
        Billing settings content...

```

### Badge Component

[](#badge-component)

```

Default
Primary
Success
Danger
Warning
Coming Soon

Small
Large
```

### Alert Component

[](#alert-component)

```

    Your changes have been saved successfully.

    There was an error processing your request.

    Your trial expires in 3 days.

    New features are available in the dashboard.

```

### Dropdown Component

[](#dropdown-component)

```

        Options

        Profile

        Settings

        Logout

```

### Toggle Component

[](#toggle-component)

```

```

### Radio Group Component (Enhanced)

[](#radio-group-component-enhanced)

```
@php
$platformOptions = [
    'web' => [
        'label' => 'Web Application',
        'description' => 'Browser-based application'
    ],
    'mobile' => [
        'label' => 'Mobile App',
        'description' => 'iOS and Android application'
    ]
];
@endphp

```

### Layout Components

[](#layout-components)

```

```

🎨 Utility Classes Still Available
---------------------------------

[](#-utility-classes-still-available)

Some utility classes are still provided for common layouts:

```

Max width with padding
Narrow container
Wide container

Standard section
Large section
Small section
```

🌙 Dark Mode Support
-------------------

[](#-dark-mode-support)

All components automatically support dark mode through Tailwind's dark mode classes. The theme is controlled by the app layout component.

🎛️ Styling Customization
------------------------

[](#️-styling-customization)

Components use Tailwind CSS classes for styling. You can customize appearance by:

1. Extending component classes in your app's CSS
2. Using Tailwind's configuration for theme customization
3. Overriding component templates by publishing views

🔄 Migration from Class-Based Approach
-------------------------------------

[](#-migration-from-class-based-approach)

### Before (Class-based):

[](#before-class-based)

```

    Save Changes

    Title
    Description
    Content

```

### After (Component-based):

[](#after-component-based)

```

    Save Changes

    Content

```

✨ Benefits
----------

[](#-benefits)

1. **Type Safety**: Components provide better IDE support and error checking
2. **Consistency**: Enforced design patterns across all tools
3. **Maintainability**: Changes to components automatically propagate to all tools
4. **Flexibility**: Easy to extend and customize components
5. **Accessibility**: Built-in ARIA attributes and keyboard navigation
6. **Dark Mode**: Automatic dark mode support
7. **Developer Experience**: Better IntelliSense and auto-completion

🤝 Contributing
--------------

[](#-contributing)

When adding new components:

1. Create the PHP component class in `src/View/Components/`
2. Create the Blade template in `resources/views/components/`
3. Register the component in `BrandingUIServiceProvider.php`
4. Add documentation and examples to this README

📄 License
---------

[](#-license)

This package is proprietary to TechGeeta and is intended for use across TechGeeta tools only.

🛠 Development Workflow
----------------------

[](#-development-workflow)

- Package autoloads views from: `src/resources/views`
- Components live under: `TechGeeta\BrandingUI\View\Components`
- Namespace prefix: `ui::`

🚀 Publishing for Production
---------------------------

[](#-publishing-for-production)

To publish assets or configs (if applicable):

```
php artisan vendor:publish --tag=ui --force
```

📁 Local Package Usage (Symlink Path Repository)
-----------------------------------------------

[](#-local-package-usage-symlink-path-repository)

- Make sure your main app's composer.json includes:

```
"repositories": [
  {
    "type": "path",
    "url": "../techgeeta-tools-ui",
    "options": {
      "symlink": true
    }
  }
]
```

- Run `composer require ../techgeeta-tools-ui:dev-main` in your main app.
    - ^--- Use the correct relative path to your local package.

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance68

Regular maintenance activity

Popularity10

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity57

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

Every ~6 days

Recently: every ~17 days

Total

17

Last Release

188d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bfff0dc8a513ef92a7f63a4bc5a1e30c0d79561261488b43c15a4ee98fe4aae4?d=identicon)[souravdutt](/maintainers/souravdutt)

---

Top Contributors

[![souravdutt](https://avatars.githubusercontent.com/u/49240259?v=4)](https://github.com/souravdutt "souravdutt (20 commits)")

### Embed Badge

![Health badge](/badges/souravdutt-techgeeta-tools-ui/health.svg)

```
[![Health](https://phpackages.com/badges/souravdutt-techgeeta-tools-ui/health.svg)](https://phpackages.com/packages/souravdutt-techgeeta-tools-ui)
```

###  Alternatives

[yajra/laravel-datatables-oracle

jQuery DataTables API for Laravel

4.9k33.8M338](/packages/yajra-laravel-datatables-oracle)[cknow/laravel-money

Laravel Money

1.0k4.3M22](/packages/cknow-laravel-money)[livewire/flux

The official UI component library for Livewire.

9385.0M85](/packages/livewire-flux)[akaunting/laravel-money

Currency formatting and conversion package for Laravel

7825.3M18](/packages/akaunting-laravel-money)[psalm/plugin-laravel

Psalm plugin for Laravel

3274.9M308](/packages/psalm-plugin-laravel)[dragon-code/pretty-routes

Pretty Routes for Laravel

10058.7k4](/packages/dragon-code-pretty-routes)

PHPackages © 2026

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