> For the complete documentation index, see [llms.txt](https://docs-playersnips.superpowerups.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-playersnips.superpowerups.com/the-snips.md).

# The Snips

- [Layout Snips](https://docs-playersnips.superpowerups.com/the-snips/layout-snips.md): These Player Snips are for all of your Layout needs
- [CL-001  100% Content Width](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-001-100-content-width.md): CL-001 - This Player Snip will increase the content area to use 100% of the available space.
- [CL-002 80% Content Width](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-002-80-content-width.md): CL-002 - This Player Snip will increase the content area to use 80% of the available space.
- [CL-003 2 Columns (Responsive)](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-003-2-columns-responsive.md): CL-003 - Give you two responsive columns to work with.
- [CL-004 3 Columns (Responsive)](https://docs-playersnips.superpowerups.com/the-snips/layout-snips/cl-004-3-columns-responsive.md): CL-004 - Give you three responsive columns to work wi.
- [Content Snips](https://docs-playersnips.superpowerups.com/the-snips/content-snips.md): These Player Snips are used for all of your content needs
- [PS-001 Callout With No Button](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-001-callout-with-no-button.md): PS-001 - This Player Snip has a colored background with a heading and summary.
- [PS-002 Callout With Heading on Top](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-002-callout-with-heading-on-top.md): PS-002 - This Player Snip has a colored background with a heading and summary and call to action (placed underneath the text)
- [PS-003 Callout With Button on Side](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-003-callout-with-button-on-side.md): PS-003 - This Player Snip has a colored background with a heading and summary and call to action (placed on the side)
- [PS-004 Jumbo Heading](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-004-jumbo-heading.md): PS-004 - This Player Snip has an extra large heading making it a great banner to start a text lesson
- [PS-005 Two Buttons & Highlighted Text](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-005-two-buttons-and-highlighted-text.md): PS-005 - This Player Snip has an extra large heading that has highlighted text and also two call to action buttons
- [PS-006 Image on Left](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-006-image-on-left.md): PS-006 - This Player Snip has an image on the left of a heading, text and CTA section. Their are two CTA available
- [PS-007 Image on Right](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-007-image-on-right.md): PS-007 - This Player Snip has an image on the right of a heading, text and CTA section. Their are two CTA available
- [PS-008 Image (Left) & Checklist](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-008-image-left-and-checklist.md): PS-008 - This Player Snip has an image on the left of a heading, text and checklist
- [PS-009 Image (Right) & Checklist](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-009-image-right-and-checklist.md): PS-009 - This Player Snip has an image on the right of a heading, text and checklist
- [PS-010 Multiple Images & Checklist](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-010-multiple-images-and-checklist.md): PS-010 - This Player Snip has a multiple images on the left of a heading, text and checklist section. The images are surrounded by accent colors that automatically use your brand color
- [PS-011 Multi Image Centered](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-011-multi-image-centered.md): PS-011 - This Player Snip has a multiple images surrounded by accent color. The heading and text are centered below the main image, making it a great option for the banner of a lesson
- [PS-012 Quote Image Right](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-012-quote-image-right.md): PS-012 - This Player Snip is great to send your student some words of encouragement from you!
- [PS-013 Quote Circle Image Underneath](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-013-quote-circle-image-underneath.md): PS-013 - This Player Snip is great to send your student some words of encouragement from you!
- [PS-014 Cards (3 Columns)](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-014-cards-3-columns.md): PS-014 - This Player Snip is great for having a list of clickable resources
- [PS-015 Bordered Checklist](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-015-bordered-checklist.md): PS-015 - This Player Snip has a bordered call out with heading, text and checklist
- [PS-016 Hero 2 CTA's and shadows](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-016-hero-2-ctas-and-shadows.md): PS-016 - This Player Snip has an extra large heading and also two call to action buttons
- [PS-017 Alert - Success](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-017-alert-success.md): PS-017 - This Player Snip has a colored background with a heading and summary. Perfect for congratulating your student on an accomplishment.
- [PS-018 Alert - Warning](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-018-alert-warning.md): PS-018 - This Player Snip has a colored background with a heading and summary. Perfect for reminding your student about something before proceeding
- [PS-019 Gallery 6 Images](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-019-gallery-6-images.md): PS-019 - This Player Snip has a gallery of 6 images
- [PS-020 Gallery 4 Images](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-020-gallery-4-images.md): PS-020 - This Player Snip has a gallery of 4 images
- [PS-021 CTA Cards Side by Side](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-021-cta-cards-side-by-side.md): PS-021 - With this Player Snip, you can create a list of resource cards with images and a call to action
- [PS-022 Simple CTA](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-022-simple-cta.md): PS-022 - This Player Snip is a simple call to action that blends in with the rest of your content
- [PS-023 Banner With Background Image](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-023-banner-with-background-image.md): PS-023 - This Player Snip is a great way to start a lesson or use for content separation.
- [PS-024 Banner Fixed Image](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-024-banner-fixed-image.md): PS-024 - This Player Snip is a great way to start a lesson or use to separate content. The background image is fixed (aka "Parallax") and has a nice movement while scrolling
- [PS-025 Sidebar List](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-025-sidebar-list.md): PS-025 - This Player Snip has a checklist on the side of text
- [PS-026 Dismissible Alert](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-026-dismissible-alert.md): PS-026 - This Player Snip can have a variety of background colors and can be hidden by the student
- [PS-027 Group of Links](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-027-group-of-links.md): PS-027 - This Player Snip creates a list of links with a subtle hover effect
- [PS-028 Group of Links (Enhanced)](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-028-group-of-links-enhanced.md): PS-028 - This Player Snip creates a list of links with a subtle hover effect. Each item has a heading and subtext to describe the item along with an icon
- [PS-029 Dropdown List of Links](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-029-dropdown-list-of-links.md): PS-029 - This Player Snip creates a list of links that gets shown when the student clicks on a button
- [PS-030 Colored Numbered Style 1](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-030-colored-numbered-style-1.md): PS-030 - This Player Snip is great for a nice looking list of numbers
- [PS-031 Colored Numbered Style 2](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-031-colored-numbered-style-2.md): PS-031 - This Player Snip is great for a nice looking list of numbers
- [PS-032 Colored Numbered Style 3](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-032-colored-numbered-style-3.md): PS-032 - This Player Snip is great for a nice looking list of numbers
- [PS-033 Emoji Bullet List](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-033-emoji-bullet-list.md): PS-033 This Player Snip looks like a sheet of paper with an emoji bullet list
- [PS-034 Animated Numbered List](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-034-animated-numbered-list.md)
- [PS-035 Snake Numbered List](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-035-snake-numbered-list.md): This Player Snip wraps the numbers around the content like a snake
- [PS-036 Flip Cards (text)](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-036-flip-cards-text.md): This Player Snip has some interactivity, click on the card to flip it over for more information
- [PS-037 Flip Cards (Image)](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-037-flip-cards-image.md): This Player Snip has some interactivity, click on the card to flip it over for more information
- [PS-038 Flip Hover Cards (CTA)](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-038-flip-hover-cards-cta.md): You will flip over this Player Snip. Hover over the card to reveal more information and an optional call to action
- [PS-039 Timeline Cards](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-039-timeline-cards.md): This Player Snip shows cards stacked up with a thin line connecting them
- [PS-040 Expand & Collapse Cards](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-040-expand-and-collapse-cards.md): Add an expand / collapse section to inject some interactivity
- [PS-041 Expand & Collapse Cards 2](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-041-expand-and-collapse-cards-2.md): Add an expand / collapse section to inject some interactivity
- [PS-042 Banner With Background Image](https://docs-playersnips.superpowerups.com/the-snips/content-snips/ps-042-banner-with-background-image.md): This banner has a background image with a gradient and animated arrow
- [Effects Snips](https://docs-playersnips.superpowerups.com/the-snips/effects-snips.md)
- [ES-001 Confetti Cannon](https://docs-playersnips.superpowerups.com/the-snips/effects-snips/es-001-confetti-cannon.md): ES-001 - Blast some colored confetti when a lesson starts or is completed
- [ES-002 Emoji Cannon](https://docs-playersnips.superpowerups.com/the-snips/effects-snips/es-002-emoji-cannon.md): ES-002 - Blast a fun collection of emojis when a lesson is started or completed
- [ES-003 Sound Effects](https://docs-playersnips.superpowerups.com/the-snips/effects-snips/es-003-sound-effects.md): ES-003 Play a sound effect when a lesson is started or completed
- [ES-004 Link Effects](https://docs-playersnips.superpowerups.com/the-snips/effects-snips/es-004-link-effects.md): Use this Player Snip to create text with link effects
- [Popup Snips](https://docs-playersnips.superpowerups.com/the-snips/popup-snips.md)
- [PU-001 Typeform](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-001-typeform.md): PU-001
- [PU-002 Emoji Bar](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-002-emoji-bar.md): PU-002
- [PU-003 Avatar Bar](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-003-avatar-bar.md): PU-003
- [PU-004 Animation Bar](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-004-animation-bar.md): PU-004
- [PU-005 Image Card](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-005-image-card.md): PU-005
- [PU-006 Loom Card](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-006-loom-card.md): PU-006
- [PU-007 Animation Card](https://docs-playersnips.superpowerups.com/the-snips/popup-snips/pu-007-animation-card.md): PU-007