React and Tailwind components you can copy

287 components and page sections. Each has a live preview, the React code and a plain HTML version.

Buttons

Primary, secondary, icon and loading buttons.

• Button Set: Primary, Secondary, Ghost, Icon and Loading

Navbars

Site headers, menus and mobile navigation.

• Dark Navbar with Dropdown Menu and Search Field
• Floating Navbar That Shrinks to a Pill on Scroll
• Full Screen Overlay Menu with Giant Links and Preview Panel
• Mega Menu Navbar with Morphing Dropdown Panel
• Morphing Segmented Navbar with Detached Active Pill
• Navbar with Centered Links, CTA Button and Mobile Menu
• Store Navbar with Announcement Bar and Category Row

Hero sections

The first screen of a landing page.

• App Landing Hero with Phone Mockup
• Big Headline Hero with Stats Row
• Centered Hero with Two Buttons and Logo Row
• Cinematic Hero with Film Grain, Light Leaks and Slow Zoom
• Dark Hero with Gradient Glow and Product Window
• Dark Hero with Spotlight Sweep and Line Reveal
• Editorial Hero with Sliding Letters and Drawn Underline
• Hero with Floating Glass Shapes
• Hero with Flying Letter Headline and 3D Product Window
• Hero with Live Updating Dashboard Mock
• Hero with Orbiting App Icons Around a Logo
• Hero with Pointer Reactive Morphing Orb and Glass Card Stack
• Hero with Word Reveal Headline and Floating Cards
• Launch Countdown Hero with Flip Clock and Waitlist Dot Burst
• Local Service Hero with Quote Request Form
• Restaurant Split Hero with Opening Hours
• Showcase Hero with Three Drifting Columns of App Screens
• Split Hero with Email Capture
• Split Hero with Self-Playing Chat Demo

Feature sections

Grids and lists that explain what a product does.

• Alternating Feature Rows with Illustrations
• Animated Beam Connecting Integrations
• Animated Bento Grid with Live Mini Demos
• Auto-Advancing Feature List with Progress and Preview
• Bento Grid with Dotted Globe and Live Pings
• Bento Grid with Six Feature Tiles
• Circuit Board Diagram with Pulses Flowing into a Chip
• Feature Grid with Light Beams on Divider Lines
• Numbered How It Works Steps in a Row
• Text Scanner with Sweeping Beam That Flags Phrases
• Three Column Feature Grid with Icons
• Traffic Filter Diagram with Allowed and Blocked Request Lines

Pricing

Pricing tables, plan cards and billing toggles.

• Odometer Pricing Cards with Orbiting Glow
• Pricing Comparison Table with Plans as Columns
• Pricing Table with Monthly and Yearly Toggle
• Single Price Card with Included List and Guarantee
• Two-Plan Pricing with Comparison Lists

Testimonials

Quotes, review cards and logo walls.

• Large Quote Testimonial with Author and Role
• Testimonial Cards with Star Ratings and Initials Avatars
• Testimonial Slider with Avatars Rotating along an Arc

Call-to-action sections

Banners and blocks that ask for the click.

• Call-to-Action Banner on a Brand Colour
• Final Call to Action with Magnetic Giant Button and Orbiting Keywords
• Hand Drawn Squiggle Arrows Pointing at a Call to Action
• Sticky Bottom Offer Bar

Footers

Site footers, from one line to full sitemaps.

• Dark Footer with Large Call to Action
• Footer with Four Link Columns and Newsletter Signup
• Minimal One-Line Footer with Social Icons

Forms

Contact, signup, login and checkout forms.

• Checkout Payment Form with Order Summary
• Contact Form with Topic Select and Details Panel
• File Upload Dropzone with Animated Progress Ring
• Multi-Step Signup Form with Step Indicator
• Newsletter Signup with Benefit List
• Repeat Reminder Scheduler Card with Rolling Day Chips
• Dark Sign-In Form with Show Password Toggle
• Single Choice Poll with Animated Result Bars

Inputs

Text fields, selects, toggles, checkboxes and sliders.

• One-Time Code Input with Self-Typing Demo and Verified State
• Search Field with Grouped Results Dropdown
• Settings Panel with Toggle Switches and Save Bar

Cards

Product, profile, blog and stat cards.

• Blog Post Card Grid with Category Tags and Reading Time
• Layered Bevel Border Cards with Textured Buttons
• Overlapping Avatar Stack with Lift and Name Tooltips

FAQ and accordions

Questions and answers that open and close.

• FAQ Accordion with Working Open and Close
• Two-Column FAQ List with No JavaScript

Modals and dialogs

Popups, drawers and confirmation dialogs.

• Button That Morphs into a Popover Note Form
• Call to Action Pill That Expands into a Full Screen Form
• Card That Morphs into a Detail Dialog
• Delete Confirmation Dialog with Summary

Tables and lists

Data tables, comparison tables and lists.

• Drag to Reorder Checklist with Slide Out Delete
• Drag to Reorder List with Spring Lift and Shadow
• Feature Request Voting Board with Live Reordering
• Live Leaderboard with Animated Rank Changes and Rolling Scores
• Sortable Data Table with Status Badges and Row Actions

Tabs and navigation

Tabs, breadcrumbs, pagination, sidebars and steppers.

• Animated Tabs with Sliding Highlight and Crossfade
• Direction Aware Tabs with Sliding Panels
• Dropdown Menu with Staggered Items and Sliding Highlight
• File Tree with Collapsible Folders
• Gooey Tabs with Liquid Merging Active Tab
• Menu Links That Dim or Blur Their Siblings on Hover
• Mobile Bottom Tab Bar with Liquid Drop Indicator
• Onboarding Card with Sliding Blur Step Transitions
• Pagination with Previous, Next and Page Size Select
• Tilted Keycap Tabs with Pressed Active State
• Underline Tabs with Icons and Three Panels

Alerts and feedback

Alerts, toasts, badges, progress bars and loaders.

• Animated Notification Feed with Looping Arrivals
• Announcement Badge with Light Tracing a Circuit Line
• Dismissible Alert Set: Success, Warning, Error and Info
• Elapsed Time Pills on a Running Deploy Pipeline
• Dark Toast Notification Stack with Undo and Progress

Dashboard

Stat tiles, charts drawn in CSS, activity feeds and app shells.

• Activity Heatmap Calendar with Wave Reveal and Day Readout
• Animated Gauge Chart Score Card with Open Arc
• App Shell with Sidebar and Top Bar
• Kanban Board with Drag and Drop Cards and Live Counts
• Kanban Board with Spring Physics Drag and Self Playing Demo
• Revenue Dashboard with Self Drawing Line Chart and Scrubbing Crosshair
• Stat Tiles with Sparkline Trends

Ecommerce

Product grids, carts and checkout pieces.

• Add to Cart with Item Flying into Cart and Count Bump
• Cart Drawer with Quantity Steppers
• Delivery Tracking Card with Truck Progress Line
• Order Tracking Map with Moving Courier and Live Timeline
• Product Card with Price, Rating, Colour Swatches and Add to Cart
• Product Gallery with 360 Spin and Morphing Colour Variants
• Product Grid with Filter Chips

Content sections

Blog lists, team grids, timelines, stats and logo clouds.

• Logo Cloud with Drawn Wordmarks
• Responsive Showcase with Laptop and Phone Device Mockups
• Stats Band with Four Numbers on Dark
• Stats Section with Radial Progress Rings

App and game UI

Mobile app screens, bottom bars, chat windows and game menus.

• Code Diff Viewer with Inline Comment Threads
• Code Editor Window with AI Diff and Passing Tests
• Deploy Log Terminal with Progress Bars and Success Banner
• Dynamic Island with Morphing Live Activities
• Game Main Menu with Level Select
• Habit Tracker Phone Screen with Tab Bar
• Laptop Keyboard That Lights Up Keys as It Types
• Live Score Widget That Expands When a Goal Is Scored
• Live Scoreboard Widget with Flip Digit Scores
• Pull to Refresh and Swipe to Archive Phone List
• Transaction List That Morphs into a Receipt Detail
• Water Intake Tracker Widget with Rising Wave Gauge

Animated backgrounds

Auroras, grids, particles, beams and gradients that move behind your content.

• Animated Grid Background with Travelling Light Beams
• Aurora Background with Drifting Colour Bands
• Bouncing Screensaver Badges Behind a Holding Page
• Concentric Ripple Rings Background with Floating Avatars
• Dashed Column Guides Background with Travelling Glows
• Dot Matrix Background with Ripples and Pointer Spotlight
• Flickering Pixel Grid Canvas Background
• Flocking Birds Canvas Background That Scatters From Pointer
• Flowing Wave Lines Hero Background
• Fluid Ink Canvas Background That Swirls with the Pointer
• Gradient Mesh Background with Flowing Blobs and Grain
• Grid Background with Fading Random Squares
• Interactive Grid Background That Lights Under the Pointer
• Isometric Tile Grid Background with Wave and Pointer Lift
• Light Rays Background with Swaying Beams
• Liquid Colour Shader WebGL Background
• Matrix Code Rain Canvas Background
• Northern Lights Curtain Background with Water Reflection
• Particle Flow Field Canvas Background
• Particle Network Background with Connecting Lines
• Soft Light Beams Canvas Background
• Starfield Background with Depth and Shooting Stars
• Topographic Contour Lines Background with Morphing Terrain
• Warp Tunnel Background with Rising Colour Beams

Text effects

Typewriters, shimmers, reveals, scrambles and counting numbers.

• Animated Gradient Text with Announcement Pill
• Animated Terminal Window with Typed Commands
• Aurora Gradient Headline Text
• Breathing Font Weight Wave Headline
• Circular Spinning Text Badge Around a Button
• Colour Band Sweep Text Reveal
• Comic Book Halftone Headline Text
• Count Up Stats Row with Rolling Digits
• Glitch Text Headline with Colour Split Layers
• Headline Letters That React to Cursor Proximity
• Headline Letters That Stretch Tall under the Pointer
• Headline That Splits Open Under the Pointer
• Headline with Moving Striped Line Shadow
• Headline with Pictures That Open Between Words
• Kinetic Headline That Builds Word by Word from the Centre
• LED Dot Matrix Sign with Sweeping Message Change
• Link Underline That Fills Into a Highlight on Hover
• Marker Highlight Text That Sweeps Across Phrases
• Menu Links with Rolling Letter Swap on Hover
• Menu Words with Sliced Echo Layers That Lift on Hover
• Message Bubble Text That Shakes and Explodes into Letters
• Morphing Text Headline with Liquid Blur
• Poster Headline with 3D Flipping Letter Blocks
• Rolling Letter Departure Board Headline
• Rotating Word Headline with Spring Flip
• Service List with Text That Swaps to the Price on Hover
• Shimmering Chrome Gradient Headline
• Story Caption Text That Springs In Word by Word
• Text Scramble Decode Headline
• Typewriter Headline with Cycling Phrases
• Word by Word Blur In Paragraph Reveal

Animated cards

Spotlight, tilt, glare, flip and glowing-border cards.

• Activity Rings Card with Day Switcher
• Card Deck That Spreads into a Row with Toggle
• Card with Diagonal Glare Sweep on Hover
• Card with Travelling Border Beam
• Cover Cards with Progressive Blur Caption Reveal
• Dot Grid Card That Ripples Away from the Pointer
• Draggable Sticky Notes Board with Momentum
• Expandable Ticket Card with Spring Height and Blur Reveal
• Expandable Trail Cards with Spring Disclosure
• Expanding Card Grid on Hover and Focus
• Fanned Card Stack with Cycle Controls
• Flip Cards with Details on the Back
• Flipping Payment Card with Live Typing Form
• Holographic Foil Card with Tilt-Driven Rainbow Sheen
• Holographic Foil Collectible Card with Tilt and Glare
• Integration Tiles That Lift in Turn with Travelling Light
• Map Card with Avatar Pins That Drop In
• Money Transfer Status Card with Merging Rows
• Morphing Pricing Card with Reflowing Features
• Music Player Card with Spinning Vinyl and Equalizer
• Notification Card Stack Peeling Away in 3D
• Product Card with Rising Details Panel on Hover
• Spotlight Cards with Pointer Light
• 3D Tilt Card with Parallax Layers and Glare

Animated buttons

Shimmer, magnetic, glow, ripple and hold-to-confirm buttons.

• Add to Bag Button with Morphing Letter Label
• Button That Attracts Floating Particles
• Button That Bursts Particles on Press
• Button with Expanding Dot Fill and Arrow
• Button with Rotating Gradient Glow Border
• Buttons with Sliding Label Swap on Hover
• Click Ripple Buttons with Ink Spread
• Halo Rim Button with Staggered Loading Label
• Hold to Confirm Button with Progress Ring
• Live Status Buttons with Pulsing Dot and Light Sweep
• Magnetic Button That Follows the Pointer
• Pill Button with Pointer Following Inner Glow
• Rainbow Border Button with Underglow
• Raised Buttons with Pressed Edge and Loading State
• Share Button That Expands into Icon Row
• Shimmer Button with Light Sweep in Three Sizes
• Subscribe Button with Animated Confirmed State

Marquees

Scrolling logo rows, review walls and tickers.

• Dual Row Logo Marquee with Edge Fade
• LED Dot Matrix Scrolling Message Board
• Live News Ticker Bar with Pulsing Dot
• Logo Wall That Cycles Logos with Blur Swap
• Multi-Row Logo Timeline with Pills Gliding along Dashed Tracks
• Ribbon Text Scrolling Along a Curved SVG Path
• Scroll Velocity Marquee Text Rows
• Testimonial Marquee Travelling Along a Looping Path
• Three Column Testimonial Wall with Vertical Scroll

Galleries and carousels

Image galleries, coverflows, stacks and sliders.

• 3D Cylinder Carousel with Drag to Spin and Zoom
• Album Grid That Folds into a 3D Stack with View Toggle
• Before and After Comparison Slider with Auto Sweep
• Before and After Comparison Slider with Spring Handle
• Coverflow Gallery with 3D Perspective and Autoplay
• Draggable Card Stack Carousel with Spring Physics
• Masonry Gallery with Staggered Reveal and Hover Lift
• Rotating 3D Cube Carousel with Drag and Autoplay
• Zoom Lens Magnifier on Product Image

Loaders

Spinners, skeletons, progress and loading sequences.

• Counting Preloader with Split Shutter Reveal
• Multi-Step Loading Sequence with Drawn Checkmarks
• Six CSS Loaders: Orbit, Bars, Morph, Ring, Pulse and Shimmer
• Vertical Tile Curtain Preloader That Drops from the Centre
• Wave Shimmer Loading Text with Export Progress

Docks and floating menus

Magnifying docks, floating toolbars and action menus.

• Expanding Action Button That Morphs into a Quick Menu
• Floating Toolbar Expanding from a Pill with Tool Options
• Floating Toolbar That Expands into a Search Field
• Magnifying Dock with Tooltips and Idle Wave
• Radial Flower Menu with Blooming Action Petals
• Speed Dial Action Button That Opens in Four Directions

Cursor effects

Followers, trails, spotlights and magnetic targets.

• Cursor Mask That Reveals Hidden Text Underneath
• Custom Cursor Follower with View Label on Cards
• Custom Cursor Pointer with Name Labels
• Elastic Divider Lines That Pluck Like Strings
• Image Trail of Cards Following the Cursor
• Liquid Metaball Cursor That Merges with Buttons
• Pixel Trail Cursor Effect over Hero Content
• Spotlight Reveal Hero with Hidden Colour Layer

Borders and glows

Animated gradient borders, beams and glows around any block.

• Animated Glow Behind Card with Five Modes
• Animated Gradient Border Card Wrapper
• Breathing Glow Border Status Panel
• Neon Gradient Glow Card with Flowing Border

AI prompt and chat UI

Prompt boxes, message threads, typing indicators and assistant panels.

• Agent Workflow Canvas with Nodes Lighting in Sequence
• AI Agent Working Status with Scrolling Step Log
• AI Image Generation Grid Resolving from Noise
• AI Site Builder Demo with Self-Assembling Wireframe
• Analytics Assistant That Answers with Animated Charts
• Assistant Side Panel with Thinking Shimmer
• Command Palette with Spring Highlight and Live Filtering
• Glowing AI Prompt Box with Morphing Send Button
• Streaming AI Chat Thread with Typing Indicator
• Suggested Prompt Cards That Fill the Prompt Box
• Voice Input Bar with Live Waveform

Scroll effects

Reveals, parallax, progress bars and sticky storytelling.

• Blur Fade In Staggered Content Reveal
• Parallax Mountain Scene in a Scroll Frame
• Progressive Blur Fade on Scrolling List
• Reading Progress Bar with Section Reveals
• Scroll Highlighted Word List with Spring Entrances
• Stacked Sticky Cards That Scale Back as You Scroll
• Sticky Scroll Storytelling with Pinned Visual
• Text Reveal on Scroll Word by Word

Timelines and steppers

Roadmaps, changelogs, process steps and progress trackers.

• Self-Drawing Vertical Timeline with Pop-In Items

Toggles and switches

Theme switches, segmented controls and animated checkboxes.

• Reaction Buttons with Dot and Ring Bursts
• Segmented Control with Spring Pill and Morphing Views
• Segmented Toggle with Drifting Colour Halo
• Sun to Moon Theme Toggle with Circular Reveal
• VPN Connection Widget with Sliding Status Switch

We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.

Product

• AI Website Builder: Describe a site in plain English; it's live in minutes
• White Label Platform: Your brand, your domain, your margin
• Enterprise: SSO, custom SLAs, and dedicated support
• Developer API: Embed site generation into your SaaS

Who It's For

• For Agencies: Resell under your brand
• For Freelancers: Your own branded builder
• For Hosting Providers: Add a builder to your stack
• For SaaS Platforms: Embed site creation via API
• For Startups
• For Financial Services
• For Healthcare

Features

• Drag & Drop Editor
• Built-in SEO Tools
• Custom Branding
• Client Dashboard
• Reseller Billing (Stripe Connect)

Resources

• Blog
• Help Center
• Free Business Tools
• Website Templates
• Glossary & Guides
• Integrations
• Developers
• Benchmark
• Windows App

Company

• About Us
• Pricing
• Apply to the Partner Program
• Contact
• Careers
• Security
• Privacy Policy
• Terms of Service

View Sitemap