Building Accessible Web Components
Sarah Chen •
Learn how to build accessible web components that work for everyone, including screen reader users.
Free Components
Explore our collection of free components. These are fully functional, production-ready components you can use in your projects without any cost. Each component includes responsive design, clean code, and comprehensive documentation.
Curated
Free
Authentication
Background
Bento
Blog
Blog Post
Contact
Cta
Effect
Faq
Feature
Footer
Form
Hero
Logo Cloud
Navigation
Pricing
Services
Specialized Components
Steps
Team
Testimonial
Theme Switcher
All Plans
Free
Pro
All Plans
Free
Pro
Sort
View
2 cols
4 cols
6 cols
Theme
My Themes
Custom
Built-in Themes
Default
Amber Minimal
Cyberpunk
Monochrome
Nature
Overclock
Soft Lavender
Twitter
Navbar 1 - Centered with Mobile Sheet
Free
navigation
Preview
Open preview in new tab
Copy install command
Sign in to install
Nav Demo
Scroll down to see the navbar behavior. The navbar stays fixed at the top of this container. Note that the mobile sheet will open relative to the whole webpage, not this container.
Section 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Section 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Effect 4 - Rotating Gradient Border
Free
effect
Preview
Open preview in new tab
Copy install command
Sign in to install
Rotating Gradient Border
Watch as the gradient border continuously rotates around this card, creating a mesmerizing animated effect that draws attention to your content.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Effect 7 - Corner Bumpers
Free
effect
Preview
Open preview in new tab
Copy install command
Sign in to install
Corner Bumper Effect
A sharp, modern frame effect with thick border segments only at the corners. Perfect for creating a technical or editorial aesthetic.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Hero 1
Free
hero
Preview
Open preview in new tab
Copy install command
Sign in to install
Build Beautiful Websites with Starwind Pro
Create stunning, responsive websites with our modern component library. Get started in minutes and ship faster than ever before.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Hero 2
Free
hero
Preview
Open preview in new tab
Copy install command
Sign in to install
Ship Faster with Modern Components
Build production-ready websites with our comprehensive component library. Everything you need to create beautiful, responsive interfaces that users love.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Hero 3
Free
hero
Preview
Open preview in new tab
Copy install command
Sign in to install
Transform Your Ideas Into Reality
Powerful tools and components designed to help you build exceptional web experiences. Start creating today with our intuitive design system.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Hero 5
Free
hero
Preview
Open preview in new tab
Copy install command
Sign in to install
The Modern Way to Build Your Next Project
Experience the power of cutting-edge technology with an intuitive interface. Build faster, scale easier, and deliver exceptional results every time.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Services 1 - Simple Grid
Free
services
Preview
Open preview in new tab
Copy install command
Sign in to install
Our Services
Professional Home Services
Trusted by homeowners for over 20 years. Quality workmanship guaranteed on every job.
Plumbing Repairs
From leaky faucets to complete pipe replacements, we handle all your plumbing needs with precision and care.
Learn moreElectrical Services
Licensed electricians providing safe, code-compliant electrical work for homes and businesses.
Learn moreHVAC Maintenance
Keep your heating and cooling systems running efficiently with our expert maintenance services.
Learn moreHome Renovations
Transform your living space with our comprehensive renovation and remodeling services.
Learn moreGeneral Repairs
No job too small. We tackle everything from drywall patches to fixture installations.
Learn moreEmergency Services
Available 24/7 for urgent repairs. Fast response times when you need us most.
Learn more Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Services 2 - Centered List
Free
services
Preview
Open preview in new tab
Copy install command
Sign in to install
Our Services
Accounting Solutions
Professional accounting services to help your business thrive. From tax preparation to strategic planning, we've got you covered.
- View Details01
Tax Preparation
Comprehensive tax preparation services for individuals and businesses. We ensure accuracy and maximize your deductions.
- View Details02
Bookkeeping
Keep your finances organized with our professional bookkeeping services. Monthly reconciliation and detailed reporting.
- View Details03
Financial Planning
Strategic financial planning to help you achieve your short-term and long-term financial goals.
- View Details04
Business Consulting
Expert advice on business structure, growth strategies, and operational efficiency improvements.
- View Details05
Payroll Services
Reliable payroll processing, tax filings, and compliance management for businesses of all sizes.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Feature 14 - Timeline Steps
Free
feature steps
Preview
Open preview in new tab
Copy install command
Sign in to install
How It Works
From idea to production in four simple steps
Our streamlined workflow helps you move faster without sacrificing quality. Follow these steps to bring your vision to life.
01
Setup
Initialize your project
Get started in seconds with our CLI tool. Choose from pre-configured templates or start from scratch with a minimal setup.
- One-command initialization
- Pre-built templates
- Automatic dependency management
02
Build
Develop with confidence
Build your application using modern tools and best practices. Hot reload, TypeScript support, and comprehensive error messages keep you productive.
- Hot module replacement
- TypeScript & JSX support
- Built-in linting and formatting
03
Test
Ensure quality
Run automated tests, check accessibility, and validate performance. Catch issues before they reach production.
- Unit & integration testing
- Accessibility audits
- Performance benchmarks
04
Deploy
Ship to production
Deploy with a single command. Automatic optimization, edge caching, and zero-downtime updates ensure a smooth launch.
- One-click deployment
- Automatic optimization
- Global CDN distribution
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Feature 2 - Image With Checklist
Free
feature
Preview
Open preview in new tab
Copy install command
Sign in to install
Everything you need to succeed
Our platform provides all the tools and features you need to streamline your workflow and boost productivity.
- Real-time collaboration with your team
- Advanced analytics and reporting
- Seamless integrations with your favorite tools
- Enterprise-grade security and compliance
- 24/7 customer support
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Feature 4 - Icon Cards
Free
feature
Preview
Open preview in new tab
Copy install command
Sign in to install
Features
Everything you need in one platform
Lightning Fast
Optimized for speed and performance. Experience blazing fast load times and smooth interactions.
Cloud Sync
Access your data anywhere, anytime. Automatic syncing across all your devices.
Secure by Default
Enterprise-grade security with end-to-end encryption to keep your data safe.
Team Collaboration
Work together seamlessly with real-time collaboration and shared workspaces.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Feature 6 - Medium Icon Cards
Free
feature
Preview
Open preview in new tab
Copy install command
Sign in to install
Built for modern teams
Powerful features designed to help you work smarter, not harder. Everything you need to succeed in one place.
Fast Setup
Get started in minutes with our intuitive onboarding process.
Powerful API
Integrate seamlessly with our robust and well-documented API.
Secure
Bank-level security to keep your data protected at all times.
Analytics
Gain insights with comprehensive analytics and reporting tools.
Developer Friendly
Built with developers in mind, featuring modern tech stack.
Customizable
Tailor the platform to match your brand and workflow.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Feature 18 - Vertical Timeline
Free
feature steps
Preview
Open preview in new tab
Copy install command
Sign in to install
How It Works
Get started in minutes
Four simple steps to transform the way you work. No technical expertise required.
- 1
Create your account
Sign up in seconds with your email or social login. No credit card required to get started.
- 2
Set up your workspace
Customize your dashboard, invite team members, and configure your preferences to match your workflow.
- 3
Connect your tools
Integrate with your favorite apps and services. We support over 100 integrations out of the box.
- 4
Start building
You're all set! Begin creating projects and watch your productivity soar with our intuitive interface.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Team 1 - Simple Grid Cards
Free
team
Preview
Open preview in new tab
Copy install command
Sign in to install
Meet Our Team
Talented individuals working together to build exceptional products and deliver outstanding results.
Sarah Johnson
CEO & Founder
Visionary leader with 15+ years in tech innovation and product strategy.
Michael Chen
CTO
Expert in scalable architecture and leading engineering teams to success.
Emily Rodriguez
Head of Design
Award-winning designer passionate about creating delightful user experiences.
David Thompson
VP of Engineering
Building high-performance teams and delivering exceptional software solutions.
Lisa Anderson
Head of Marketing
Growth strategist with a track record of scaling brands to new heights.
James Wilson
Product Manager
Connecting user needs with business goals to build products people love.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Pricing 1
Free
pricing
Preview
Open preview in new tab
Copy install command
Sign in to install
Simple, Transparent Pricing
Get started with our professional plan and unlock all the features you need to grow your business.
Professional
Perfect for growing teams and businesses
$29 /per month
- Unlimited projects
- Advanced analytics
- 24/7 priority support
- Custom integrations
- Team collaboration tools
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Pricing 3
Free
pricing
Preview
Open preview in new tab
Copy install command
Sign in to install
Choose Your Plan
Select the perfect plan for your needs. Upgrade or downgrade at any time.
Starter
Perfect for individuals
$12 /per month
- Up to 5 projects
- Basic analytics
- Email support
- 1GB storage
Professional
For growing teams and businesses
$29 /per month
- Unlimited projects
- Advanced analytics
- 24/7 priority support
- 50GB storage
- Custom integrations
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Pricing 5
Free
pricing
Preview
Open preview in new tab
Copy install command
Sign in to install
Pricing Plans
Choose the perfect plan for your team. Start with a free trial on any plan.
Starter
Perfect for individuals
$12 /per month
- Up to 5 projects
- Basic analytics
- Email support
- 1GB storage
Most Popular
Professional
For growing teams and businesses
$29 /per month
- Unlimited projects
- Advanced analytics
- 24/7 priority support
- 50GB storage
- Custom integrations
- API access
Enterprise
For large organizations
$99 /per month
- Unlimited everything
- Advanced analytics & insights
- Dedicated support team
- Unlimited storage
- Custom integrations
- API access
- SLA guarantee
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Testimonials 3 - Cards
Free
testimonial
Preview
Open preview in new tab
Copy install command
Sign in to install
Loved by developers
Here's what our community has to say about Starwind Pro.
S
Sarah Johnson
Frontend Developer
"Starwind Pro has transformed my workflow. The pre-built sections are well designed and saved me weeks of development time."
M
Michael Chen
Full Stack Engineer
"Outstanding component library from start to finish. The comprehensive toolkit helps me ship faster without compromising quality."
E
Emily Rodriguez
Product Designer
"I appreciate how Starwind Pro bridges design and development seamlessly. The components follow best practices and are highly accessible."
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Testimonials 5 - Dual Items
Free
testimonial
Preview
Open preview in new tab
Copy install command
Sign in to install
"Starwind Pro has completely changed how we approach UI development. The components are not just beautiful but also robust and production-ready out of the box."
D
David Thompson
Tech Lead at TechFlow
"The attention to detail in accessibility and performance is impressive. It's rare to find a library that balances aesthetics and engineering quality this well."
L
Lisa Anderson
Senior Developer
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
CTA 2 - Simple Left-Aligned
Free
cta
Preview
Open preview in new tab
Copy install command
Sign in to install
Start building today.
Join thousands of developers and teams already shipping faster with our platform.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
CTA 4 - Simple Centered
Free
cta
Preview
Open preview in new tab
Copy install command
Sign in to install
Start building today.
Join thousands of developers and teams already shipping faster with our platform.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
FAQ 1
Free
faq
Preview
Open preview in new tab
Copy install command
Sign in to install
Common Questions and Answers
Answers to your most pressing questions about Astro.
Astro is a web framework for building fast, scalable, and secure websites.
Astro provides a set of features that make it an ideal choice for building fast, scalable, and secure websites.
To get started with Astro, follow the instructions in the documentation.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
FAQ 2
Free
faq
Preview
Open preview in new tab
Copy install command
Sign in to install
Frequently Asked Questions
A clean and modern FAQ section using the accordion component.
Astro is a web framework for building fast, scalable, and secure websites.
Astro provides a set of features that make it an ideal choice for building fast, scalable, and secure websites.
To get started with Astro, follow the instructions in the documentation.
Yes. Astro has first-class support for Markdown and MDX for content-driven sites.
Yes. Astro supports multiple UI frameworks so you can bring your own components as islands.
Astro ships zero JS by default and hydrates individual interactive components on the page as needed.
Export static files or use adapters for platforms like Vercel, Netlify, and Cloudflare to deploy easily.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
FAQ 6
Free
faq
Preview
Open preview in new tab
Copy install command
Sign in to install
Frequently Asked Questions
Find answers to common questions about our services and process
What is Astro?
Astro is a web framework for building fast, scalable, and secure websites.
Does Astro support Markdown and MDX?
Yes. Astro has first-class support for Markdown and MDX for content-driven sites.
Why should I use Astro?
Astro provides a set of features that make it an ideal choice for building fast, scalable, and secure websites.
What are islands?
Islands are self-contained components that can be used to build dynamic and interactive web applications.
How do I get started with Astro?
To get started with Astro, follow the instructions in the documentation.
Can I use React, Vue, or Svelte with Astro?
Yes. Astro supports multiple UI frameworks so you can bring your own components as islands.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Footer 1 - Socials
Free
footer
Preview
Open preview in new tab
Copy install command
Sign in to install
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Footer 2 - Four Column
Free
footer
Preview
Open preview in new tab
Copy install command
Sign in to install
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Theme Switcher 1
Free
theme-switcher
Preview
Open preview in new tab
Copy install command
Sign in to install
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Theme Switcher 2
Free
theme-switcher
Preview
Open preview in new tab
Copy install command
Sign in to install
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Blog 1 - Simple Card Grid
Free
blog
Preview
Open preview in new tab
Copy install command
Sign in to install
Latest Articles
Insights and tutorials from our engineering team.
The Future of UI Design
Mike Ross •
Exploring upcoming trends in user interface design and what to expect in the next few years.
Mastering Tailwind CSS v4
Alex Morgan •
A deep dive into the new features of Tailwind CSS v4 and how to use them effectively.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Login Form 1
Free
authentication form
Preview
Open preview in new tab
Copy install command
Sign in to install
Welcome Back
Sign in to access your premium benefits.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Logo Cloud 1
Free
logo-cloud
Preview
Open preview in new tab
Copy install command
Sign in to install
Trusted by industry leaders
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Logo Cloud 2
Free
logo-cloud
Preview
Open preview in new tab
Copy install command
Sign in to install
Powering the best teams
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Signup Form 1
Free
authentication form
Preview
Open preview in new tab
Copy install command
Sign in to install
Create Account
Sign up to access your premium benefits.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Background 1 - Simple Grid
Free
background
Preview
Open preview in new tab
Copy install command
Sign in to install
Simple Grid
A clean, minimal grid pattern for subtle texture
Customize cell size and opacity
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Background 11 - Large Grid
Free
background
Preview
Open preview in new tab
Copy install command
Sign in to install
Large Grid
Simple grid pattern with larger cells
Customize cell size and opacity
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Background 12 - Small Grid
Free
background
Preview
Open preview in new tab
Copy install command
Sign in to install
Small Grid
Dense grid pattern with smaller cells
Customize cell size and opacity
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Background 17 - Bottom Radial Glow
Free
background
Preview
Open preview in new tab
Copy install command
Sign in to install
Bottom Radial Glow
Rising glow effect from the bottom edge
Customize color, intensity, and size
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Background 6 - Radial Glow
Free
background
Preview
Open preview in new tab
Copy install command
Sign in to install
Radial Glow
Soft spotlight effect that draws attention to content
Customize position, color, intensity, and size
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Contact 2 - Centered Simple
Free
contact form
Preview
Open preview in new tab
Copy install command
Sign in to install
Get in Touch
We'd Love to Hear From You
Have a question about our services? Need a quote? Drop us a message and our team will respond promptly.
We typically respond within 1-2 business days.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
Blog Post 1 - Centered
Free
blog-post
Preview
Open preview in new tab
Copy install command
Sign in to install
Introducing Starwind Pro: Premium Blocks for Astro
Stop building landing pages from scratch. Starwind Pro provides 140+ production-ready blocks designed specifically for Astro and Tailwind CSS v4.
B
What You Get
Starwind Pro is a collection of production-ready sections: heroes, pricing tables, testimonials, CTAs, FAQs, footers, and more. Each block is a complete .astro component you can drop into your project, with full props for easy customization.
These aren't React components awkwardly ported to Astro. They're built natively for the framework. View Transitions and other Astro features all work as expected.
Starwind Pro builds on Starwind UI, so if you've used it or shadcn/ui, you're already familiar with the patterns.
One Command Install
Every block installs with a single CLI command:
npx starwind@latest add @starwind-pro/hero-01The CLI handles dependencies and file placement automatically.
Built for Astro
- Native
.astrocomponent structure - View Transitions support via
astro:after-swap - Container queries for component-level responsiveness
- TypeScript interfaces for all props
- Tailwind CSS v4 styling
Responsive by Default
Blocks use container queries instead of media queries. They adapt to their container width, not the viewport. This means they work correctly whether you're using them full-width or in a sidebar layout.
Why Container Queries Matter
Traditional media queries respond to the viewport width. Container queries respond to the parent element's width. This makes components truly portable — they look great at any size without additional configuration.
You Own the Code
When you install a component, you get the source files in your project. It's not a dependency you import from node_modules. It's your code. Change anything: styling, structure, behavior.
What's Included
Blocks for every section of your landing pages and marketing sites:
| Category | Examples |
|---|---|
| Layout sections | Heroes, feature grids, pricing tables, testimonials |
| Interactive | Navbars with mobile menus, carousels, accordions |
| Forms | Login, signup, password reset, newsletter |
| Effects | Scroll animations, marquees, 3D tilt |
Getting Started
- Set up: Run
npx starwind@latest init --proand add your license key - Browse: Find components at the components page
- Install: Copy the command and run it
- Customize: Edit colors, content, layout to match your brand
One-time purchase. No subscription. Use it on as many projects as you want with free updates for life.
Loading code...
Starwind Dependencies
Sign in to view code and copy install commands.
Sign inThis component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to ProFailed to load code. Please try again.
No components found matching your criteria.