PollCatch Examples
Explore our collection of PollCatch examples and find the perfect implementation for your needs.
Showing 59 of 59 examples
Reactions
Basic Reaction
Simple emoji reaction widget for quick sentiment feedback.
Multiple Selections
Allow users to select multiple reactions simultaneously, showing diverse emotional responses.
Stats Label and Chart
Emoji reactions displaying a visual chart of all responses, showing popularity of each option.
Material Design Icons
Reaction widget using Material Design icons for a professional, consistent look.
Compact Mode - Single Selection
Collapsed reaction widget that expands on interaction for space-efficient layouts.
Compact Mode - Multiple Selection
Compact reaction widget with multiple selection support for space-efficient multi-choice feedback.
Emoji Aliases
Use named aliases instead of Unicode emoji for more readable and maintainable HTML.
Use Custom Icons
Reaction widget using custom image URLs for fully branded icon options.
Tooltips
Reaction options with tooltips that appear on hover to provide context for each choice.
Custom Stats Label
Customize the stats text using template variables like {count} to show personalized messages.
Custom Stats Position
Position the stats label on different sides using stats-position attribute (left, right, top, bottom).
Custom Color
Reaction widget with custom primary color matching your brand.
Custom Size
Use size aliases (sm, md, lg) or any CSS values like "48px" for precise control.
Custom Radius
Customize button border radius for different visual styles, from rounded to square.
Large Reaction Icons
Use the reaction-size attribute to make reaction icons larger for better visibility.
Custom Question Position
Customize question position to your preference.
Customised with CSS
Use the css attribute to inject custom styles for advanced customization.
Star Rating
Basic Star Rating
Simple 5-star rating widget for collecting user feedback on experiences, products, or services.
Stars with Statistics
Star rating displaying real-time statistics and vote counts to show community sentiment.
Stars with Chart
Star rating with an interactive chart showing distribution of ratings across all stars.
Custom Number of Stars
Configure the number of stars to match your rating scale needs.
Custom Star Color
Star rating with custom colors using star-color and star-hover-color attributes.
Custom Icon
Replace default stars with any emoji or icon using the icon attribute.
Custom Size
Customize the size of the whole component using size aliases (sm, md, lg).
Custom Star Size
Control the size of star icons using the star-size attribute with any CSS value.
Custom Stats Position
Position stats on different sides using stats-position (left, right, top, bottom).
Custom Question Position
Position the question on different sides using question-position attribute.
Advance Style with CSS
Advanced customization using the css attribute to style star elements directly.
Customise with CSS Variables
Use CSS variables like --pc-star-color for easy theming and brand consistency.
Poll
Basic Poll
Simple single-choice poll for gathering opinions on a specific question or topic.
Poll with Results Chart
Poll displaying real-time results in a visual chart format, great for live voting scenarios.
Multiple Choice Poll
Allow respondents to select multiple options simultaneously for comprehensive feedback.
Poll Without Stats
Poll with stats disabled, keeping results private until voting closes.
Poll with Always-Visible Stats
Poll displaying live results continuously for transparent community voting.
Compact Poll Mode
Space-efficient poll with compact layout for minimal visual footprint.
Poll with Custom Color
Poll with custom primary color matching your brand identity.
Custom Size
Adjust poll size using size aliases (sm, md, lg) to fit different layouts.
Custom Submit Button
Poll with customized submit button text for clearer call-to-action.
Poll with Thank You Message
Poll displaying custom thank-you message after vote submission.
Read-Only Poll Display
Non-interactive poll for displaying final results without accepting new votes.
Poll with Custom Button Radius
Poll with customized button border radius for different design aesthetics.
Poll with Custom CSS
Advanced poll customization using the css attribute for custom styling.
Poll with CSS Variables
Theme the poll using CSS variables for consistent brand styling.
Advanced Poll Options
Use poll-catch-option elements to add tooltips, icons, and disable specific choices.
NPS
Basic NPS
Standard Net Promoter Score widget for measuring customer loyalty and satisfaction (0-10 scale).
NPS with Statistics
Net Promoter Score showing real-time statistics and score distribution across all respondents.
NPS with Chart
NPS widget with visual chart showing promoter, passive, and detractor distribution.
Small NPS Widget
Compact small-sized NPS perfect for embedded surveys or space-constrained layouts.
Large NPS Widget
Large-sized NPS for prominent placement and improved mobile accessibility.
NPS with Custom Color
NPS widget with custom primary color for brand-aligned styling.
NPS with Custom Labels
NPS with customized min/max labels for clearer context and instruction.
NPS with Label Positioning
NPS widget with custom label positioning for different layout requirements.
NPS with Score Display
NPS showing the calculated NPS score for immediate feedback insights.
NPS with Vote Count
NPS displaying total vote count alongside statistics for transparency.
NPS with Distribution Chart
NPS widget showing visual distribution of promoters, passives, and detractors.
NPS with Thank You Message
NPS displaying custom thank-you message after user submits their rating.
NPS with Round Buttons
NPS widget with rounded buttons using the button-radius attribute.
NPS with Custom CSS
Advanced NPS customization using the css attribute for custom styling.
NPS with CSS Variables
Theme the NPS widget using CSS variables for consistent brand styling.