Oxbow UI components
Open Source Tailwind CSS & Alpine JS UI Blocks
- Components
- 425
- Framework
- Astro
- Stack
- Astro, Tailwind
- License
- MIT
- GitHub stars
- 232
- Source
- https://github.com/michael-andreuzza/oxbow
- Website
- https://oxbowui.com
- Install
npx oxbowui add {name} 1
All Oxbow UI components
- Alerts 01
- Alerts 02
- Alerts 03
- Alerts 04
- Alerts 05
- Alerts 06
- Alerts 07
- Alerts 08
- Avatars 01
- Avatars 02
- Avatars 03
- Avatars 04
- Avatars 05
- Avatars 06
- Avatars 07
- Avatars 08: Avatar Group (Dynamic +N)
- Avatars 09
- Avatars 10: Avatar with Badge Count
- Avatars 11
- Avatars 12: Trusted By + Avatars
- Badges 01
- Badges 02
- Badges 03
- Badges 04: Left and right badge
- Badges 05
- Banners 01
- Banners 02
- Banners 03
- Banners 04
- Banners 05
- Banners 06
- Banners 07
- Bento Grids 01
- Bento Grids 02
- Bento Grids 03
- Bento Grids 04
- Bento Grids 05
- Bento Grids 06
- Bento Grids 07
- Blog Content 01
- Blog Content 02
- Blog Content 03
- Blog Content 04
- Blog Entries 01
- Blog Entries 02
- Blog Entries 03
- Blog Entries 04
- Blog Entries 05
- Blog Entries 06
- Breadcrumbs 01
- Breadcrumbs 02: Breadcrumb with dropdown menu
- Breadcrumbs 03
- Breadcrumbs 04
- Breadcrumbs 05
- Breadcrumbs 06: Breadcrumb With Select Crumb
- Breadcrumbs 07
- Button Groups 01: Counter group (− value +)
- Button Groups 02
- Button Groups 03
- Button Groups 04
- Button Groups 05
- Button Groups 06
- Button Groups 07
- Button Groups 08
- Button Groups 09
- Button Icon 01
- Button Icon 02
- Button Icon 03
- Button Icon 04
- Button Icon 05
- Button Icon 06
- Button Icon 07
- Button Icon 08: Muted loading icon button
- Buttons 01
- Buttons 02
- Buttons 03
- Buttons 04
- Buttons 05
- Buttons 06
- Buttons 07: Button with left icon
- Buttons 08
- Category Previews 01: Simple card with overlayed text
- Category Previews 02: Category cards in bento style
- Category Previews 03: Simple cards with description and link below image
- Category Previews 04
- Checkboxes 01: Basic Checkbox with State Tracking
- Checkboxes 02: Checkbox with Disabled State
- Checkboxes 03: Required Consent with Validation
- Checkboxes 04: Parent Checkbox with Tri‑State
- Checkboxes 05
- Checkboxes 06: Checkbox Group with Max Selection
- Checkboxes 07
- Checkboxes 08
- Checkboxes 09: List Item with Trailing Checkbox
- Checkboxes 10
- Checkboxes 11: Checkbox with Label and Description
- Checkboxes 12: Checkbox with Border and Icon
- Checkboxes 13: Checklist with Progress Indicator
- Checkboxes 14: At Least One Required (Group)
- Checkboxes 15
- Checkboxes 16
- Commandbar 01
- Commandbar 02
- Commandbar 03
- Commandbar 04
- Commandbar 05
- Contact 01
- Contact 02
- Contact 03
- Contact 04
- Contact 05
- Contact 06
- Cta 01: Centered CTA with logo, image and text
- Cta 02: Centered CTA with logo and text
- Cta 03: Centered CTA with download buttons
- Cta 04: Centered CTA with grid banner
- Cta 05
- Cta 06
- Cta 07: Split CTA with custom avatars
- Cta 08
- Cta Newsletter 01: Newsletter CTA with benefits
- Cta Newsletter 02: Split CTA with logo and custom avatars
- Cta Newsletter 03: Centered CTA for SaaS waitlist or newsletter
- Cta Newsletter 04
- Empty States 01
- Empty States 02: Enhanced file upload empty state
- Empty States 03
- Empty States 04: Project creation empty state
- Empty States 05
- Empty States 06: No Results Found State
- Empty States 07
- Empty States 08: Insights data not available state
- Empty States 09: Task Management Empty State
- Faq 01
- Faq 02
- Faq 03
- Faq 04
- Faq 05
- Faq 06
- Features 01
- Features 02
- Features 03
- Features 04
- Features 05
- Features 06
- Features 07
- Features 08
- Features 09
- Features 10
- Features 11
- Features 12
- Features 13
- Features 14
- Features 15
- Features 16
- Features 17
- Features 18
- Flyouts 01
- Flyouts 02
- Flyouts 03
- Flyouts 04
- Flyouts 05
- Flyouts 06
- Flyouts 07
- Flyouts 08
- Flyouts 09
- Flyouts 10
- Footers 01
- Footers 02
- Footers 03
- Footers 04
- Footers 05
- Footers 06
- Footers 07
- Footers 08
- Gallery 01
- Gallery 02
- Gallery 03
- Gallery 04
- Gallery 05
- Gallery 06
- Gallery 07
- Gallery 08
- Gallery 09
- Gallery 10
- Gallery 11
- Gallery 12
- Gallery 13
- Gallery 14
- Gallery 15
- Gallery 16
- Gallery 17
- Gallery 18
- Gallery 19
- Gallery 20
- Input Groups 01
- Input Groups 02
- Input Groups 03
- Input Groups 04
- Input Groups 05
- Input Groups 06
- Input Groups 07
- Input Groups 08
- Input Groups 09
- Input Groups 10
- Inputs 01
- Inputs 02
- Inputs 03
- Inputs 04
- Inputs 05
- Inputs 06
- Inputs 07
- Inputs 08
- Inputs 09
- Inputs 10
- Inputs 11
- Inputs 12
- Inputs 13
- Inputs 14
- Inputs 15
- Inputs 16
- Inputs 17
- Inputs 18
- Inputs 19
- Inputs 20: Copy to clipboard input
- Inputs 21
- Inputs 22
- Landing Pages 01
- Landing Pages 02
- Landing Pages 03
- Logo Clouds 01
- Logo Clouds 02
- Logo Clouds 03
- Logo Clouds 04
- Logo Clouds 05
- Logo Clouds 06
- Logo Clouds 07
- Logo Clouds 08
- Logo Clouds 09
- Logo Clouds 10
- Marketing Heros 01
- Marketing Heros 02
- Marketing Heros 03
- Marketing Heros 04
- Marketing Heros 05: Simple with center text, image and features
- Marketing Heros 06
- Marketing Heros 07
- Marketing Heros 08: Left aligned with imaged
- Marketing Heros 09
- Modals 01: Invite team members to your account
- Modals 02: Choose AI Chat Plan
- Modals 03
- Modals 04
- Modals 05
- Modals 06
- Modals 07
- Modals 08
- Navbars 01
- Navbars 02
- Navbars 03
- Navbars 04
- Navbars 05
- Navbars 06
- Navbars 07
- Navbars 08
- Notifications 01
- Notifications 02
- Notifications 03
- Pagination 01
- Pagination 02
- Pagination 03
- Pagination 04
- Pagination 05: Prev/Next with Page Counter
- Pagination 06
- Pagination 07: Dynamic Numbered with Ellipsis
- Pagination 08
- Pagination 09: Table Footer: Rows per page + Range
- Pagination 10: Go to Page + Size Select
- Pricing 01: Pricing section with two tiers
- Pricing 02
- Pricing 03: Pricing section with four tiers
- Pricing 04: Single usage based pricing card
- Pricing 05
- Pricing 06: Pricing section with three tiers and table
- Pricing 07: Pricing section with 2 tiers and 2 support tiers
- Pricing 08: Pricing section with 4 tiers
- Pricing 09
- Pricing 10: Pricing section with two columns comparison table
- Pricing 11
- Pricing Pages 01
- Pricing Pages 02
- Pricing Pages 03
- Product Details 01: Simple details with CTA
- Product Details 02
- Product Details 03
- Product Details 04
- Product Details 05
- Product Details 06
- Product Details 07
- Product Details 08
- Product Lists 01
- Product Lists 02
- Product Lists 03
- Product Lists 04
- Product Lists 05
- Product Lists 06
- Product Lists 07: Simple cards with description and color choices
- Product Lists 08: Simple cards with add to cart cta
- Product Lists 09
- Product Lists 10: Simple cards with color name and choices
- Radiogroups 01
- Radiogroups 02: Radio Button Group with Descriptions
- Radiogroups 03: Radio Buttons with Icons
- Radiogroups 04: Inline Radio Button Group
- Radiogroups 05: Radio Group with Toggle Details
- Radiogroups 06: Radio Button Group with Tool Selection
- Radiogroups 07: Radio Button Group for Payment Methods
- Radiogroups 08: Radio Group for Server Location
- Radiogroups 09: Radio Group for Plan Selection
- Radiogroups 10: Radio Button Group for Mood Rating
- Radiogroups 11: Radio Group for Theme Selection
- Select 01
- Select 02
- Select 03
- Select 04: Form validation with error message
- Select 05
- Select 06
- Sidebars 01
- Sidebars 02
- Sign In 01: Sign in with magic link
- Sign In 02: Centered sign in block
- Sign In 03
- Sign In 04: Split screen sign in with customers.
- Sign In 05: Split screen login with quote
- Sign Up 01: simple Sign up block
- Sign Up 02: Centered sign up block
- Sign Up 03: Split screen signup with testimonial
- Sign Up 04: Split screen signup with customers
- Sign Up 05: Split screen signup with quote
- Stats 01
- Stats 02
- Stats 03
- Stats 04
- Stats 05
- Stats 06
- Stats 07
- Stats 08
- Stats 09
- Steps 01
- Steps 02
- Steps 03
- Tables 01
- Tables 02
- Tables 03
- Tables 04
- Tables 05
- Tables 06
- Tables 07
- Tabs 01
- Tabs 02
- Tabs 03
- Tabs 04
- Tabs 05
- Tabs 06
- Tabs 07
- Tabs 08
- Tabs 09
- Tabs 10
- Tabs 11
- Tabs 12
- Tabs 13
- Team 01
- Team 02
- Team 03
- Team 04
- Team 05
- Testimonials 01
- Testimonials 02
- Testimonials 03
- Testimonials 04
- Testimonials 05
- Testimonials 06
- Testimonials 07
- Textarea 01: Dynamic character limit with warning
- Textarea 02
- Textarea 03
- Textarea 04
- Textarea 05
- Textarea 06
- Textarea 07
- Textarea 08: Textarea with Clear Button
- Textarea 09: Textarea with character limit countdown
- Textarea 10: Textarea with Live Word Limit
- Textarea 11
- Textarea 12: Textarea with save draft
- Textarea 13
- Textarea 14: Textarea with Character Highlight
- Textarea 15: Textarea with Emoji Picker
- Textarea 16: Textarea with Line Limit
- Textarea 17: Textarea with Inline Tags
- Timeline 01
- Timeline 02
- Timeline 03
- Toggles 01
- Toggles 02
- Toggles 03
- Toggles 04
- Toggles 05
- Toggles 06
- Typography 01
- Typography 02
- Typography 03
- Typography 04
- Typography 05
- Typography 06
- Typography 07
- Typography 08
- Typography 09
- Typography 10
- Typography 11
- Typography 12
- Typography 13
- Typography 14
- Typography 15
- Typography 16
Browse by category
- Section Components
- Input Components
- Data Display Components
- Navigation Components
- Card Components
- Commerce Components
- Action Components
- Feedback Components
- Form Field Components
- Text Input Components
- Overlay Components
- Feature Section Components
- Button Components
- Page Components
- Grid Components
- Layout Components
- Heading Components
- Paragraph Components
- Prose Components
- Text Components