CHAT BUBBLES

Demo image: Chat Bubbles

Author

  • Dave Alger

Made with

  • HTML / CSS

SPEECH BUBBLE

HTML and CSS simple responsive speech bubble.

Demo image: Speech Bubble

Author

  • Rik Schennink

Made with

  • HTML / CSS (SCSS)

PURE CSS THOUGHT BUBBLES

Demo image: Pure CSS Thought Bubbles

Author

  • Grant

Made with

  • HTML / CSS

RESPONSIVE SPEECH BUBBLE

Box section can change dimensions independently of pointer. Pointer can be moved to different positions around box. Rounded corners. Glow or shadow around the whole thing that changes along with component shapes.

Demo image: Responsive Speech Bubble

Author

  • peros

Made with

  • HTML / CSS

SPEECH BUBBLE CARET

Making a triangle for a speech bubble and using transforms to help create the position.

Demo image: Speech Bubble Caret

Author

  • GRAY GHOST

Made with

  • HTML / CSS (SCSS)

ALTERNATING SPEECH BUBBLES

Demo image: Alternating Speech Bubbles

Author

  • Kevin Østerkilde

Made with

  • HTML (Haml) / CSS (SCSS)

COMIC BOOK SPEECH BUBBLES WITH SVG

A pattern for creating comic book speech bubbles using SVG.

Author

  • Dudley Storey

Made with

  • HTML / CSS (SCSS)

PURE CSS SPEECH AND THOUGHT BUBBLES

Pure CSS thought and speech bubbles that grow to fit the text.

Demo image: Pure CSS Speech and Thought Bubbles

Author

  • Joe Hastings

Made with

  • HTML / CSS (Less)

CSS SPEECH BUBBLE

Simple speech bubble with CSS.

Demo image: CSS Speech Bubble

Author

  • M.Satrya

Made with

  • HTML (Haml) / CSS (SCSS)

COMIC DIRECTOR SPLASH ANIMATION

Comic Director is a Windows 8 app written in HTML and CSS. The first time run experience has a nifty little animation, here’s how we did it.

Demo image: Comic Director Splash Animation

Author

  • Adam Argyle

Made with

  • HTML / CSS

SPEECH BUBBLE

A complex CSS shape speaking bubble.

Demo image: Speech Bubble

Author

  • Ana Tudor

Made with

  • HTML / CSS