The Laravel Nova UI Kit includes the following key UI components for designing Nova administration panels in Figma:
Dashboard Components
- Dashboard overview with statistics cards
- Recent activity feed
- Upcoming events calendar
- Top performing metrics
- Quick links menu
Resource Components
- Resource index table with sorting, filtering, and pagination
- Resource detail view with tabs
- Resource creation and editing forms
- Relational field management
- File and image upload fields
Navigation Components
- Main sidebar navigation menu
- Breadcrumb navigation
- Contextual action buttons
- User profile dropdown
UI Elements
- Buttons in various sizes and styles
- Form inputs, selects, and textareas
- Checkboxes and radio buttons
- Toggles and switches
- Badges and labels
- Modals and alerts
- Tabs and accordions
- Progress bars and spinners
The kit includes both light and dark mode versions of these components, allowing designers to create interfaces that cater to user preferences and accessibility needs. The components are designed to closely match the look and feel of Laravel Nova, ensuring a seamless integration between the design and development phases.
Citations:[1] https://code.grida.co/community/file/1133720362281115137
[2] https://www.figma.com/community/file/1133720362281115137/laravel-nova-ui-kit
[3] https://laracasts.com/discuss/channels/nova/docs-for-components-from-laravel-nova-ui
[4] https://digitalcreative.cn/blog/laravel-nova-ui-kit-for-figma
[5] https://blade-ui-kit.com