Svelte Portfolio - Flowbite Svelte Blocks

Get started with the project portfolio UI components coded with Tailwind CSS to showcase your personal or company client's project specifications and results.

Default event schedule #

Use this example to show a list of company clients and case study previews inside a website section featuring the client, title of the project, a description and CTA button.

Our work

Crafted with skill and care to help our clients grow their business!

Alphabet Inc.

Official website

Flowbite helps you connect with friends, family and communities of people who share your interests.

View case study
Microsoft Corp.

Management system

Flowbite helps you connect with friends, family and communities of people who share your interests.

View case study
Adobe Inc.

Logo design

Flowbite helps you connect with friends, family and communities of people who share your interests.

View case study
  • Svelte
<script lang="ts">import { Section, Portfolio, PortfolioItem } from "flowbite-svelte-blocks";
const portfolios = [
  {
    customer: "Alphabet Inc.",
    title: "Official website",
    description: "Flowbite helps you connect with friends, family and communities of people who share your interests.",
    href: "/",
    linkTitle: "View case study"
  },
  {
    customer: "Microsoft Corp.",
    title: "Management system",
    description: "Flowbite helps you connect with friends, family and communities of people who share your interests.",
    href: "/",
    linkTitle: "View case study"
  },
  {
    customer: "Adobe Inc.",
    title: "Logo design",
    description: "Flowbite helps you connect with friends, family and communities of people who share your interests.",
    href: "/",
    linkTitle: "View case study"
  }
];
</script>

<Section name="portfolio" sectionClass="bg-white dark:bg-gray-900 antialiased">
  <Portfolio title="Our work" subtitle="Crafted with skill and care to help our clients grow their business!">
    {#each portfolios as item}
      <PortfolioItem {item} />
    {/each}
  </Portfolio>
</Section>

Component data

Popups Pricing Tables