---
title: "Die 10 schönsten JavaScript-Plugins für dein Portfolio"
author: "Ellen Bauer"
date: 2010-06-14
lang: de
source: https://elmastudio.de/die-10-schonsten-javascript-plugins-fur-dein-portfolio/
---

# Die 10 schönsten JavaScript-Plugins für dein Portfolio

JavaScript-Elemente sind eine tolle Möglichkeiten, um deine Portfolio-Webseite aufzupeppen und deine Arbeitsproben angemessen zu präsentieren. So kannst du beispielsweise einen Featured Work-Slider integrieren, oder Detailansichten deiner Arbeiten in einer Lightbox aufbereiten. Mit diesen 10 modernen JavaScript-Plugins solltest du auf jeden Fall gerüstet sein, das Beste aus deinem Portfolio herauszuholen.

## 1. [Slidedeck](https://slidedeck.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-01.jpg)

Ein sehr schöner Content-Slider im Accordion-Style. Slidedeck eignet sich super für eine Featured Projects.

## 2. Flip

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-02.jpg)

Ein bisschen drehen und wenden gefällig? Mit Flip kannst du deine Projekte mit einer spannenden Animation präsentieren.

## 3. [qtip](http://craigsworks.com/projects/qtip/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-03.jpg)

Egal ob Bilder oder Infotext, die qtips sehen schick aus und sind praktisch, um zusätzliche Inhalte unterzubringen.

## 4. [Quicksand](https://razorjack.net/quicksand/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-04.jpg)

Möchtest du deine Projekte nach Themen sortieren? Dann ist das Quicksand-Plugin genau das Richtige für dich. Ein wunderschönes Beispiel kannst du dir z.B. auf der Portfolio-Seite von [Creative Spark](https://creativespark.co.uk/work/) anschauen.

## 5. [Nivoslider](http://nivo.dev7studios.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-05.jpg)

Nivoslider ist wohl der schönster jQuery Bilder-Slider derzeit. Du kannst aus mehreren Überblendungs-Optionen wählen und die Styles mit CSS anpassen.

## 6. Captipy

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-06.jpg)

Mit diesem Plugin kannst du deinen Bildern schön animierte Bild-Unterschriften (Captions) hinzufügen.

## 7. [prettyphoto](https://www.no-margin-for-errors.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-07.jpg)

Eine der schönsten Lightbox-Varianten mit 5 verschiedenen Styles zur Auswahl.

## 8. [Fancybox](https://fancybox.net/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-08.jpg)

Eine weitere sehr schöne Lightbox-Variante. Du kannst den Effekt wählen, wie deine Bilder eingeblendet werden sollen.

## 9. [Galleria](http://galleria.aino.se/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-09.jpg)

Galleria ist ein praktisches und super schickes Fotogalerie-Plugin.

## 10. jQZoom

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-10.jpg)

Mit jQZoom kannst du Detailansichten deiner Bilder per Mouse-Rollover hervorheben.

## Beispiele schöner Portfolios

Auf diesen wunderschönen Portfolio-Seiten findest du jede Menge Inspiration, wie du die JavaScript-Plugins verwenden kannst.

## 1. [CPeople](https://cpeople.ru/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-01.jpg)

JavaScript-Elemente: Slider, Slide Up/Down

## 2. [Rich Brown](https://www.richbrown.info/not-found/?=index.htm)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-02.jpg)

JavaScript-Elemente: Lightbox

## 3. [x3 Studios](https://www.x3studios.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-03.jpg)

JavaScript-Elemente: Carousel Slider

## 4. [Galan Design](http://galandesign.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-04.jpg)

JavaScript-Elemente: Slider und Lightbox

## 5. [Kitfolio](https://kitfolio.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-05.jpg)

JavaScript-Elemente: Featured Slider mit Captions

## 6. [Rokkan](http://rokkan.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-06.jpg)

JavaScript-Elemente: Image-Slider

## 7. Magouya

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-07.jpg)

JavaScript-Elemente: Tooltips und Lightbox

## 8. [dataselected](http://www.dataselected.com/)

![JavaScript-Plugins für dein Portfolio](https://elmastudio.de/wp-content/uploads/2010/06/javascript-plugin-portfolio-samples-08.jpg)

JavaScript-Elemente: Accordion und Image-Slider

Wie gefallen dir die Plugins und Beispielseiten? Kennst du weitere schöne Portfolio-Webseiten mit JavaScript-Elementen? Über deine Tipps und dein Feedback würde ich mich sehr freuen.