Blockquotes – 8 Free CSS Quote Styles

Blockquotes – 8 Free CSS Quote Styles

Blockquotes is a pack of eight quote styles: classic rules for body copy, display-sized pull quotes, attributed quotes with avatars, card quotes for a grid, decorative quotation marks, testimonial layouts, dark-interface variants and editorial treatments with a drop cap. Every set is a single self-contained HTML file with the CSS inline.

At a glance

• 8 sets, one folder each, single index.html per set
• Pure CSS — no JavaScript, no images, no icon font
• Quotation marks are CSS content, so they scale with the type
• Semantic <blockquote> and <cite> markup throughout
• No framework, no build step, no dependencies

FAQ

Are these blockquote styles free?

Yes. All eight sets are free for personal and commercial projects, including client work, and download as a single ZIP with no signup.

Do any of them need JavaScript or images?

No. Every set is pure CSS. The quotation marks are drawn with CSS content, so there is no icon font and no image to load.

Designed & written by Aigars Silkalns

Aigars is the founder of Colorlib and uiCookies and has been designing and shipping free website templates since 2013. Every template and UI pack on uiCookies is designed and maintained in-house.

XLinkedInMore about uiCookies →