Codepen: 20 Codeschnipsel für überzeugende Preisübersichten

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene...

Eine Preisübersicht ist stets das gestalterische Mittel der Wahl, wenn du ein Produkt mit unterschiedlichen Features zu unterschiedlichen Preisen darstellen willst. Preisübersichten sparen sowohl dir, wie auch deinen potenziellen Kunden Zeit, denn sie erlauben eine kompakte Darstellung der wichtigsten Aspekte auf engem Raum.

Wie immer im Design, kannst du hier ebensoviel falsch, wie richtig machen. Deshalb haben wir heute eine Sammlung guter Beispiele aus Codepen für dich zusammengestellt. Die meisten reagieren responsiv auf die Größe des Browserfensters, andere sind statischer, aber dennoch sehenswert, weil sie subtile Dynamik in der Nutzung entfalten. Viel Spaß beim Stöbern!

Titel: Ip Pricing Table

ip-pricing-table
Erstellt von: Marcel

Titel: Adaptive Pricing Table

light-and-green-pricing-table
Erstellt von: Alex

Titel: Flat Pricing Table Design

flat-pricing-table
Erstellt von: Mehmet Mert

Titel: Flat Pricing Table

flat-pricing-table-with-flip-over
Erstellt von: Andy Tran

Titel: Pricing Tables

dark-pricing-table
Erstellt von: Joseph Victory

Titel: Pricing Table

dark-table
Erstellt von: Mike Torosian

Kennst du unser E-Book-Bundle? Spare jetzt 6,99 €!

E-Book Bundle von Andreas Hecht

Titel: Price

light-pricing-table
Erstellt von: catcod

Titel: Pricing Table

compact-dark-pricing-table
Erstellt von: LittleSnippets.net

Titel: Pricing Tables

bluish-pricing-table
Erstellt von: Gerta Xhepi

Titel: Material Pricing Tables

material-rrsponsive-pricing-table
Erstellt von: Kreso Galic

Titel: Flat pricing table

mini-pricing-table
Erstellt von: Felix Franzén

Titel: Price Table Hover Effect

price-table-hover
Erstellt von: Vladimir Lukyanov

Titel: CSS3 Pricing Table

pinkish-pricing-table
Erstellt von: The Legend

Titel: Pricing Tables

responsive-pricing-table
Erstellt von: Eric Thayer

Titel: Pricing Table

mini-pricing-table-2
Erstellt von: Dany Santos

Titel: Bootstrap Pricing Table

bootstrap-pricing-table
Erstellt von: Sahar Ali Raza

Titel: Flipping Pricing Table

mega-pricing-table
Erstellt von: Felix Schwarzer

Titel: Responsive Flat Pricing Table

responsive-flat-pricing-table
Erstellt von: Shane Heyns

Titel: Dark Themed Pricing Table

dark-themed-pricing-table
Erstellt von: LittleSnippets.net

Titel: Pricing Table Tickets/Passes Flip

ticket-styled-pricing-table
Erstellt von: Hans Engebretsen

Nataly Birch

Nataly kommt aus Sevastopol und liebt Webdesign und Development. Sie betreibt verschiedene Blogs. In ihrer Freizeit entschlüsselt sie die Geheimnisse dieser Welt oder spielt Volleyball.

Hinterlasse einen Kommentar

1 Kommentar auf "Codepen: 20 Codeschnipsel für überzeugende Preisübersichten"

Benachrichtige mich zu:
avatar
Sortiert nach:   neueste | älteste | beste Bewertung
Hannah
Gast

Kann man sicherlich mal gebrauchen. Dankeschön!

wpDiscuz