Skip to content
WingoUI
ComponentsTemplatesDocsPricingAI agentsBlogChangelogContact
  1. Home
  2. Kits
  3. Agency and portfolio
Use-case kit

Agency and portfolio website kit

Sites that sell a studio or a person: an agency site with services, case studies, process, team, packages and an inquiry form, and a portfolio for designers and developers with case studies, experience, services and writing. Customer story and about pages plus team and testimonial sections fill in the rest, and the free header, footer, logo cloud, call to action and contact page are a start you can ship today. For studios, freelancers and developers whose own site should look like their best work.

[5] free[8] Pro[13] items in one command

Install the whole kit

The CLI copies every file into your project as source you own, with the npm packages and the Wingo UI hooks and helpers they need. Pro items need a Pro plan: run npx wingo-ui@latest login once first.

$ npx wingo-ui@latest add marketing-header marketing-footer logo-cloud cta-section contact-page agency-page portfolio-page customer-story-page about-page team-section testimonials-section hero-section feature-showcase

Only the free part, no account needed:

$ npx wingo-ui@latest add marketing-header marketing-footer logo-cloud cta-section contact-page

The Pro part

The 8 Pro items in this kit come with Wingo UI Pro, which unlocks all 374 items of the library: $8 a month, $80 a year or $150 once. Open any card to try the item live before you buy.

14-day refund on your first purchase of Pro or Lifetime, as long as you have not downloaded any Pro item yet. Refund policy

See Pro pricingEverything in Pro

Free in this kit[5]

Marketing Header, Marketing Footer, Logo Cloud, CTA Section, Contact Page: free for personal and commercial projects, installed without an account under the Wingo UI license.

Marketing HeaderFree

A React marketing header for a SaaS site: a sticky navbar with logo, dropdown panels, Sign in, Get started, a news strip and a phone menu.

Docs and playgroundLive preview

Marketing FooterFree

The bottom of a SaaS website: brand and tagline, link columns, a newsletter signup, a status dot, legal links and social icons.

Docs and playgroundLive preview

Logo CloudFree

A React logo cloud of customer wordmarks under a quiet line, as a wrapping grid, an endless marquee with faded edges or a split grid.

Docs and playgroundLive preview

CTA SectionFree

A React CTA section that closes a landing page: a title, two actions or an email signup, social proof and a short checklist on a band.

Docs and playgroundLive preview

Contact PageFree

A React contact page template: a validated form, copyable channels with live office hours, offices on a drawn map, a short FAQ and logos.

Docs and playgroundLive preview

Pro in this kit[8]

Every Pro item has a live, configurable preview anyone can open; the source comes with a Pro plan.

Agency PagePro

A React agency website template: rotating hero, services, case studies, process, team, packages and a project inquiry form.

Docs and playgroundLive preview

Portfolio PagePro

A React portfolio template for designers and developers: hero, case studies in a sheet, experience, priced services, writing and contact.

Docs and playgroundLive preview

Customer Story PagePro

A React case study page template: customer facts, results that count up, a story with pull quotes and a sticky company sidebar.

Docs and playgroundLive preview

About PagePro

A React about page template for a SaaS: hero collage, mission, stats, a timeline, values, team, investors, press, offices and careers.

Docs and playgroundLive preview

Team SectionPro

A React team section for an about page: portrait cards, tall portrait cards, a compact roster or a list with bios, plus a "We're hiring" tile.

Docs and playgroundLive preview

Testimonials SectionPro

Customer quotes with people, ratings and results: a grid, featured quote, marquee, carousel, wall of love or one large quote.

Docs and playgroundLive preview

Hero SectionPro

A React hero section for a landing or product page: an announcement pill, a big title, two actions, social proof and a product shot drawn in code.

Docs and playgroundLive preview

Feature ShowcasePro

A section that shows a few features in depth: alternating rows, tabs that swap the visual, tall cards or a scroll tour past a pinned visual.

Docs and playgroundLive preview

More kits

  • React SaaS dashboard kitThe admin area of a SaaS or back office: shell, KPI dashboard, users, settings and API keys.
  • Next.js ecommerce kitA shop from storefront to checkout and order history, with the product page parts.
  • AI chat app kitA ChatGPT-style app: chat page, streaming thread, prompt composer, model picker and usage.
  • Auth and onboarding kitLogin, sign-up and onboarding screens, plus the inputs and first-run helpers around them.
  • Local business website kitWebsites for restaurants, clinics, salons and real estate agents, with booking and maps.

Or browse all kits, the components and the page templates.

WingoUI

Animated, configurable, mobile-first React components and blocks. Copy the source, make it yours, and let your coding agent build with it.

Product

  • Components
  • Templates
  • Pricing
  • AI agents
  • For teams
  • Theme generator

Resources

  • Docs
  • Contact
  • Programs
  • Blog
  • Changelog
  • Changelog RSS
  • llms.txt

Compare

  • Wingo UI vs paid kits
  • Wingo UI vs shadcn/ui
  • shadcn/ui alternatives
  • MUI alternatives
  • Tailwind Plus alternatives
  • Magic UI alternatives
  • Free components

Legal

  • Terms
  • Privacy
  • Refunds
  • License
  • Imprint

Component categories

  • Buttons & Actions
  • Inputs
  • Forms
  • Navigation
  • Overlays
  • Feedback
  • Data Display
  • Tables & Lists
  • Charts & Stats
  • Layout
  • Media
  • AI Kit
  • Text & Effects
  • Mobile
  • Commerce
  • Marketing Sections
  • Blocks
  • Hooks & Utilities

© 2026 Wingo UI

Wingo UI