Skip to Content

ODOO WEBSITE BUILDER

Design System Showcase

Interactive showcase with working animations: text effects, block transitions, and scroll triggers.

See Live Animations Browse Snippets

Live Animations

Text effects, block transitions, scroll triggers

Text Animations

Watch text come alive with these animation classes

Fade In Text

This text fades in smoothly

o-animate-fade-in

Slide Up Text

This text slides up from below

o-animate-slide-up

Zoom In Text

This text zooms in dramatically

o-animate-zoom-in

Advanced Text Effects

← This text slides from the left

This text slides from the right →

🎉 This text bounces playfully!

💓 This text pulses like a heartbeat

Block Animations

Lightning Fast

Optimized performance with smooth animations

Ultra Secure

Protected with animated feedback

Interactive Magic

Engaging animations that delight users

Staggered Block Animations

Block 1

Block 2

Block 3

Block 4

Block 5

Block 6

Complete Snippet Library

📐 Layout Snippets
  • s_banner (hero sections)
  • s_text, s_text_columns
  • s_text_image combinations
  • s_cover full backgrounds
🎴 Interactive Cards
  • s_card, s_features
  • s_features_grid (Bento)
  • s_bento_grid layouts
  • s_color_blocks_2
✨ Animation Classes
  • o-animate-fade-in
  • o-animate-slide-up/down
  • o-animate-zoom-in
  • o-animate-bounce

Start Building with Animations!

All animations are built into Odoo. Just add the animation classes to any element.

Website Settings Odoo Dashboard
🎬