Creative Components
Add thoughtful interaction to cards, tabs, FAQs, forms, modals and other interface elements with effects that make everyday components feel more engaging, responsive and enjoyable to explore.
Trending Right Now
Layout
Questions, Answered.
Which creative component should I add first to a SaaS landing page?
Start with Animated FAQ and Form because they directly support objection handling and lead capture. Use Tabs and Modal to organize depth, and use proof components such as Testimonial Swiper or Interactive List Preview when they make decision-making easier.
Where do creative components matter most?
Creative components work best on SaaS landing pages, pricing pages, product pages, agency service pages, lead-capture flows, proof sections, onboarding visuals, and conversion-focused sections. This category exists for revenue-adjacent interaction, not decoration.
When can a creative component damage conversion?
It damages conversion when animation delays validation, hides required content, interrupts form completion, traps users in a modal, or makes a simple decision feel theatrical. The component should clarify state or reveal support, not slow the task.
How do conversion components stay fast?
Keep state transitions short, avoid expensive re-renders during typing or validation, lazy-load media-heavy components, and never make user action wait for decoration. Input handling should stay independent from motion.
What accessibility patterns are non-negotiable?
Accordions need buttons and aria-expanded; dialogs need labels, focus trap, Escape close, and focus restore; tabs need keyboard behavior; forms need labels, validation clarity, and visible error messaging. Use semantic HTML before adding animation.
How should these components adapt to mobile layouts?
Use full-width drawers, inline sections, stacked tabs, larger touch targets, and simpler reveal patterns where desktop components become cramped. Long or form-heavy dialogs often work better as inline mobile sections.
Request a Custom Creative Component
Need a custom effect? Tell us what to create.