PHPackages friendsoftypo3/theme-portfolio - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. friendsoftypo3/theme-portfolio ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) friendsoftypo3/theme-portfolio ============================== TYPO3 theme for a portfolio website 0.1.1(2y ago)3271[2 issues](https://github.com/FriendsOfTYPO3/theme-portfolio/issues)[1 PRs](https://github.com/FriendsOfTYPO3/theme-portfolio/pulls)GPL-2.0-or-laterPHPPHP >=8.2.0 Since Apr 12Pushed 1y ago3 watchersCompare [ Source](https://github.com/FriendsOfTYPO3/theme-portfolio)[ Packagist](https://packagist.org/packages/friendsoftypo3/theme-portfolio)[ RSS](/packages/friendsoftypo3-theme-portfolio/feed)WikiDiscussions main Synced yesterday READMEChangelog (1)Dependencies (4)Versions (5)Used By (0) TYPO3 Portfolio Extension ========================= [](#typo3-portfolio-extension) The portfolio extension is a versatile TYPO3 extension designed for developers, designers, photographers, and other creative professionals who wish to showcase their work through a portfolio website. This extension provides robust features including a variety of content elements, a sophisticated projects plugin, and extensive customization options. Setup ----- [](#setup) In order to setup the extension you need to install the extension with composer or via the extension manager in TYPO3 - `composer req friendsoftypo3/theme-portfolio` - add dependency to `config.yaml` ``` dependencies: - friendsoftypo3/theme-portfolio ``` - ... Content Elements ---------------- [](#content-elements) The portfolio provides a set of often used content elements for portfolio pages in order to present projects, skills, career path, etc on the portfolio website. - **Introduction Card:** The Introduction Card CE can be used on the homepage to present a quick teaser, an optional image and details to the information as well as a link to more details about yorself - **Services**: The Services CE allows a presentation of your services in a card style including a name and a short description for every service. - **Resume**: The Resume CE can be used for providing details about your career path and allows to add resume items for two categories (suggestion: education and work experience) including position, location, institution (school or company), description and a time period - **Skill Display**: The Skill Display CE allows presenting all skills you can provide including a name, description and a progress level for every skill. According to the progress level a progress bar can be shown, but this is optional. - **Client Logos**: The Client Logos CE can be used for listing client logos in a structured way to show for which companies or organisation you have already worked. Each client includes a logo and a title. - **Project List**: The project list displays all project from a specific folder (you need to create projects first in order to use this CE successfully). All projects are displayed in a simple list view. A project includes a title, description, optional one or more links and optional one or more images as well as an option if a detail page should be shown or not. - **Project Teaser**: The project teaser shows three projects from the listing and provides a link to the projects list. Portfolio Styling & Sets Configuration ------------------------------------------ [](#portfolio-styling--sets-configuration) As soon as the setup is done, the portfolio can be adapted to your personal style and needs, this can be done by some basic configurations. **Example: Theme**The portfolio provides two themes: - dark mode - light mode You can change the theme in the settings with `style.data.theme`. ### Sets Configuration [](#sets-configuration) In the following table all options for the sets configration are shown. IdentifierDescriptionDefaultPossible Options`style.theme`For defining the base theme of the whole website and all content elements`dark``dark`, `light``style.primaryColor`For defining the primary color used for buttons and links`#ff854d`all hex color values`style.secondaryColor`For defining the hover color and accent elements`#ff854d`all hex color values`style.buttonBorderRadius`For defining the corner styles of buttons, cards and icons`none``none`, `rounded`, `round``style.font`Font family for the headline fontRoboto Slab...`style.copyFont`Font family for the text fontRoboto...`style.contentAlignment`Defining the content alignment`center``center`, `left``style.logo.path`Defining the logo path in fileadmin`/fileadmin/logo/typo3_logo.svg`define the correct pathSocials ------- [](#socials) For adding links to your social media accounts you just need to add links to your accounts in the sets. The following social media channels are yet supported and can be shown with an icon. ChannelIdentifierFacebook`socials.channels.facebook.link`Instagram`socials.channels.instagram.link`Threads`socials.channels.threads.link`Whatsapp`socials.channels.whatsapp.link`YouTube`socials.channels.youtube.link`Vimeo`socials.channels.vimeo.link`Xing`socials.channels.xing.link`Linkedin`socials.channels.linkedin.link`Pinterest`socials.channels.pinterest.link`Snapchat`socials.channels.snapchat.link`TikTok`socials.channels.tiktok.link`Reddit`socials.channels.reddit.link`Xxxx`socials.channels.x.link`Twitch`socials.channels.twitch.link`tumblr`socials.channels.tumblr.link`GitHub`socials.channels.github.link`Development Setup ----------------- [](#development-setup) ``` ddev start ddev composer install ddev exec .build/bin/typo3 setup ``` ### Health Score 23 — LowBetter than 26% of packages Maintenance15 Infrequent updates — may be unmaintained Popularity11 Limited adoption so far Community14 Small or concentrated contributor base Maturity47 Maturing project, gaining track record Bus Factor1 Top contributor holds 76.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 2 Last Release 812d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/165630?v=4)[Benni Mack](/maintainers/bmack)[@bmack](https://github.com/bmack) ![](https://www.gravatar.com/avatar/4cfa2947b747549a4a243bb85545139173cc6822551468c9aed931baeb8bc0bc?d=identicon)[friendsoftypo3](/maintainers/friendsoftypo3) --- Top Contributors [![benjaminkott](https://avatars.githubusercontent.com/u/3243119?v=4)](https://github.com/benjaminkott "benjaminkott (30 commits)")[![DatFaili](https://avatars.githubusercontent.com/u/29977605?v=4)](https://github.com/DatFaili "DatFaili (8 commits)")[![david-bonhagen](https://avatars.githubusercontent.com/u/164159551?v=4)](https://github.com/david-bonhagen "david-bonhagen (1 commits)") ### Embed Badge ![Health badge](/badges/friendsoftypo3-theme-portfolio/health.svg) ``` [![Health](https://phpackages.com/badges/friendsoftypo3-theme-portfolio/health.svg)](https://phpackages.com/packages/friendsoftypo3-theme-portfolio) ``` ### Alternatives [friendsoftypo3/content-blocks TYPO3 CMS Content Blocks - Content Types API | Define reusable components via YAML 103519.9k53](/packages/friendsoftypo3-content-blocks)[netresearch/rte-ckeditor-image Image support in CKEditor for the TYPO3 ecosystem - by Netresearch 611.1M8](/packages/netresearch-rte-ckeditor-image)[pagemachine/typo3-formlog Form log for TYPO3 23238.6k8](/packages/pagemachine-typo3-formlog)[fluidtypo3/flux The flux package from FluidTYPO3 1501.0M25](/packages/fluidtypo3-flux)[eliashaeussler/typo3-form-consent Extension for TYPO3 CMS that adds double opt-in functionality to EXT:form 1595.5k](/packages/eliashaeussler-typo3-form-consent)[wazum/sluggi TYPO3 extension for URL slug management with inline editing, auto-sync, locking, access control, and redirects 40529.5k](/packages/wazum-sluggi) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)