RocketUI - Snippets of common UI elements
Learn how to create useful UI components with ready-to-use code snippets.
Alerts
Basic
VSC snippet: re-alert-1
Basic with icon
VSC snippet: re-alert-2
Basic with title
VSC snippet: re-alert-3
Badges
Basic
VSC snippet: re-badge-1
Circle
VSC snippet: re-badge-2
Basic with gradient
VSC snippet: re-badge-3
Basic with icon
VSC snippet: re-badge-4
Breadcrumbs
Basic
VSC snippet: re-breadcrumb-1
Arrows
VSC snippet: re-breadcrumb-2
Arrows and highlight
VSC snippet: re-breadcrumb-3
Arrows with icon
VSC snippet: re-breadcrumb-4
Steps with icons
VSC snippet: re-breadcrumb-5
Buttons
Basic
VSC snippet: re-button-1
Outline
VSC snippet: re-button-2
Gradient
VSC snippet: re-button-3
Shadow
VSC snippet: re-button-4
With icon
VSC snippet: re-button-5
Disabled
VSC snippet: re-button-6
Button group
VSC snippet: re-button-7
Cards
Vertical - Basic
VSC snippet: re-card-1
Vertical - Inset
VSC snippet: re-card-2
Vertical - Group
VSC snippet: re-card-3
Horizontal - Basic
VSC snippet: re-card-4
Horizontal - Inset
VSC snippet: re-card-5
Horizontal - Group
VSC snippet: re-card-6
Forms
Search
VSC snippet: re-form-1
Search with icon
VSC snippet: re-form-2
Search multiple options
VSC snippet: re-form-3
Navigations
Basic
VSC snippet: re-navigation-1
Tabs
VSC snippet: re-navigation-2
Paginations
Basic
VSC snippet: re-pagination-1
With icons
VSC snippet: re-pagination-2
With circle
VSC snippet: re-pagination-3
Page of total
VSC snippet: re-pagination-4
Tables
Basic
VSC snippet: re-table-1
Rounded
VSC snippet: re-table-2
Zebra
VSC snippet: re-table-3
Zebra and hover
VSC snippet: re-table-4
Data group
VSC snippet: re-table-5