Design Blocks
Design Blocks
12 blocks for creating visually stunning pages. Add animations, sliders, icons, and decorative elements.
Counter
Animated numbers that count up when visitors scroll to them.
What You Can Do
Display statistics with animated counting Add prefix ($) and suffix (%, +, etc.) Control animation speed Show decimal numbers
Settings
SettingOptionsExampleStart NumberAny number0End NumberAny number500PrefixText$SuffixText+DurationMilliseconds2000Decimal Places0-30
Best For
“500+ Happy Customers” statistics Years of experience Projects completed Revenue figures
Countdown
Timer counting down to a specific date.
What You Can Do
Count down to any future date Show days, hours, minutes, seconds Display message when timer ends Style inline or stacked layout
Settings
SettingOptionsRecommendedTarget DateDate pickerYour event dateShow DaysYes/NoYes for events > 1 dayShow SecondsYes/NoYes for urgencyExpiry MessageText“Sale has ended!“LayoutInline, StackedStacked for impact
Best For
Product launches Sale endings Event countdowns Webinar registration urgency
Divider
Decorative separator between sections.
What You Can Do
Choose line styles (solid, dashed, dotted) Add icon or text in the center Control width and alignment Match your brand colors
Settings
SettingOptionsStyleSolid, Dashed, Dotted, DoubleWidthPercentageAlignmentLeft, Center, RightIconOptional icon in centerTextOptional text label
Best For
Section breaks Content separation Visual hierarchy
Flip Box
Two-sided card that flips on hover to reveal more content.
What You Can Do
Design front and back sides differently Add icons, titles, descriptions Include button on back side Choose horizontal or vertical flip
Settings
SettingOptionsFront SideIcon, Title, DescriptionBack SideIcon, Title, Description, ButtonFlip DirectionHorizontal, Vertical3D DepthSliderAnimation SpeedMilliseconds
Best For
Feature showcases Service descriptions Team member cards Interactive portfolios
Heading
Styled headings with decorative options.
What You Can Do
Add main heading with subheading Include decorative separators Choose heading level for SEO Style typography completely
Settings
SettingOptionsHeading TextYour titleHeading TagH1-H6SubheadingOptional text belowSeparatorNone, Line, IconAlignmentLeft, Center, Right
Best For
Section titles Page headers Feature introductions
Icon Box
Icon paired with title and description.
What You Can Do
Choose from hundreds of icons Position icon top, left, or right Link the entire box Style icon size and colors
Settings
SettingOptionsIconIcon pickerIcon PositionTop, Left, RightTitleTextDescriptionTextLink URLOptional
Best For
Feature lists Service highlights Process steps Contact information
Shape
Decorative SVG dividers between sections.
What You Can Do
Add wave, curve, triangle, or arrow shapes Place at top or bottom of sections Flip horizontally or vertically Match your section colors
Settings
SettingOptionsShape TypeWave, Curve, Triangle, Tilt, ArrowPositionTop, BottomFlip HorizontalYes/NoFlip VerticalYes/NoHeightPixelsColorColor picker
Best For
Section transitions Visual interest Professional page breaks
Slider
Image and content slider for hero sections.
What You Can Do
Add unlimited slides Include images, text, and buttons Choose transition effects Enable autoplay
Settings
SettingOptionsSlidesAdd multipleTransitionSlide, FadeAutoplayYes/NoDurationMillisecondsNavigationArrows, Dots, BothLoopYes/No
Best For
Hero sections Image galleries Feature showcases Announcements
Social Icons
Social media profile links.
What You Can Do
Add icons for any social platform Choose filled, outline, or rounded styles Use brand colors or custom colors Open links in new tab
Settings
SettingOptionsPlatformsAdd multipleIcon StyleFilled, Outline, RoundedSizeSmall, Medium, LargeColorsBrand colors, CustomNew TabYes/No
Best For
Footer social links Author profiles Contact sections
Star Rating
Display star ratings for reviews and ratings.
What You Can Do
Show 0-5 stars (with decimals) Choose star, heart, or custom icons Display rating number beside stars Style filled and empty colors
Settings
SettingOptionsRating0-5 (decimals allowed)Icon StyleStars, Hearts, CustomSizePixelsShow NumberYes/No
Best For
Product ratings Testimonial ratings Review displays
Team Carousel
Team members in scrolling carousel format.
What You Can Do
Add unlimited team members Include photo, name, role, bio Add social links per member Control slides visible and autoplay
Settings
SettingOptionsMembersAdd multipleMember FieldsPhoto, Name, Role, Bio, SocialSlides Per View1-6AutoplayYes/NoNavigationArrows, Dots
Best For
About us pages Team sections Staff directories
Text Rotator
Animated rotating text effect for dynamic headlines.
What You Can Do
Rotate through multiple words/phrases Add static text before and after Choose animation type Control timing
Settings
SettingOptionsBefore TextStatic textRotating WordsAdd multipleAfter TextStatic textAnimationType, Fade, SlideDurationMilliseconds
Best For
Hero headlines (“We create [websites/apps/brands]”) Dynamic taglines Attention-grabbing titles
Back to All Blocks | Next: Content Blocks