What UI components are included in this skill?

This skill provides patterns for data tables, side navigation, dashboard navbars, search filters, CRUD modals, slide-over drawers, and various administrative form layouts.

Is this skill limited to specific Tailwind versions?

The patterns are designed for modern Tailwind CSS versions, utilizing utility classes that are compatible with the latest framework standards.

How does this help with CRUD application development?

It offers an action map that guides you on when to use modals versus slide-over drawers for creating and updating resources, ensuring a professional user experience.

Does this skill support responsive design?

Yes, it includes specific strategies for responsive tables (column hiding, horizontal scroll, stacked cards) and mobile-friendly navigation drawers.

Tailwind Dashboard Patterns

Name: Tailwind Dashboard Patterns
Author: peixotorms

bypeixotorms

0•

디자인 도구

Streamlines the creation of admin panels and CRUD interfaces using standardized Tailwind CSS component patterns and layouts.

The tailwind-dashboard skill serves as a comprehensive reference for developers building professional-grade administrative interfaces, data-heavy management consoles, and back-office tools. It provides specialized guidance on implementing complex UI patterns such as advanced data tables with sorting and filtering, responsive side navigation, and standardized CRUD (Create, Read, Update, Delete) workflows. By utilizing these pre-defined Tailwind CSS structures, developers can ensure design consistency, accessibility, and mobile responsiveness across internal tools and SaaS dashboards without reinventing the wheel for every interface.

주요 기능

01Admin Form Layouts: Multi-step forms and optimized fieldsets for complex data entry.

02CRUD UI Workflows: Specialized layouts for modals, slide-over drawers, and inline editing.

030 GitHub stars

04Comprehensive Navigation: Fixed sidebars, collapsible menus, and mobile-friendly drawers.

05Advanced Table Patterns: Sorting, pagination, expandable rows, and bulk actions.

06Faceted Search & Filtering: Design patterns for search bars, filter chips, and date pickers.

사용 사례

01Developing data-heavy tables with complex filtering and batch processing requirements.

02Building custom SaaS administrative backends and management consoles.

03Creating consistent user interfaces for internal resource management and back-office tools.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add peixotorms/odinlayer-skills tailwind-dashboard

For use in Claude.ai and ChatGPT

Download Skill