# Your Playground for Creative Freedom Empower your creative vision with a platform that makes designers the true rulers of their organizations—no code required. Create premium digital products to capture data and engage users using our flexible drag-and-drop visual canvas. No code needed. ### Responsive design Tailor the experience for various platforms with our auto-layouts and customizing capabilities. Change design settings for components or switch their content per platform. ### Design, Save, Reuse Create reusable components to accelerate the design. Every element in your story can become a reusable component with global editing capabilities. ### Auto layouts, grid and boxes Simply set parameters, and watch your components adapt across breakpoints. Wrap your elements with boxes that grow and shrink by your content. ### Personalized journeys Adapt the design and user experience dynamically based on each user's actions, choices, and preferences within the product. ### Animations Animate your elements to create stunning experiences and add Lottie animations with advanced play triggers. ### Design Smarter, Backed by Data Storycards empowers designers to craft seamless experiences and make data-driven decisions with actionable insights. ### Design as You Want Absolute control and freedom to design just the way you want. Start with a template or from scratch to build your custom design. Smooth drag-and-drop, no coding required. ### Responsive Design Design any element differently for mobile, tablet, or desktop. Adjust layouts for each platform and device with an easy preview feature. ### Drag and Drop Add and position elements freely by dragging and dropping them onto the canvas. ### Auto Layouts, Grids, and Boxes Set parameters and watch your components adapt across breakpoints. Wrap elements in boxes that expand or shrink dynamically based on content. ### Use Your Own Fonts Choose from our font gallery or upload your own fonts to match your brand. Adjust everything from line height to letter spacing. ### Integrated A/B Testing Tools Easily set up A/B tests directly in the designer to measure and improve product performance. ### Overlays Create pop-ups, tooltips, or menus within cards. ### Sliders Easily create sliders for content in various forms—vertical, horizontal, or as galleries for videos and images. Insert any content into the slider. ### AI-Powered Image Creation Generate custom images using AI prompts directly in the designer. Choose styles, adjust details, and instantly add visuals to your story. ### Generative Video Creation Use AI to create short, engaging videos based on a text prompt or script. ### AI-Compatible Templates Design templates with your unique design system and define parameters for AI. Let content teams quickly create products while maintaining organizational design standards. ### Gradients Enhance section backgrounds with custom linear, radial, conic, and fluid gradients. ### Crop and Resize Images Easily crop and resize images directly in the designer. Adjust dimensions to fit your layout perfectly, with intuitive editing tools. ### Image Auto-Optimize Automatically optimize images for faster loading times without compromising quality. Ideal for improving performance on all devices. ### Image Serve Auto Format Deliver images in the best format (e.g., WebP, PNG, JPEG) automatically based on the user's browser and device capabilities. ### Deliver the Best Image Size by Device Serve appropriately scaled images tailored for desktop, tablet, or mobile to reduce load times and enhance user experience. ### Tailor Your Content by Platform Adjust or change parts of your text and content for mobile, tablet, and desktop. For example, a long title on desktop can become a shorter alternative for mobile. ### Create Reusable Components Turn every element in your story into reusable components. Update them seamlessly across all cards in one single edit. ### Create Global and Sticky Elements Add headers, footers, CTA buttons, and other sticky elements to enhance navigation. ### Text Scaling Adjust text proportions seamlessly across screen sizes or define custom scaling ranges for precise control. ### Custom CSS Add your own CSS for detailed customization and full design control. ### Counters Create counters that count up or down. Customize their design, animation, and number transitions. ### Timer Add a visual or numerical timer with customizable design. Trigger actions when the timer ends, such as moving to the next step. ### Design Forms and Fields Design fields and buttons for forms freely, down to the level of error messages and placeholders. ### Answers Component Design a versatile answers component that can display text, images, or any other content, with fully customizable styles and states. ### State-Based Answers Define states for answers, including correct, incorrect, pending selection, or disabled, with smooth visual transitions. ### Interactive Feedback Messages Automatically show feedback messages based on user interactions, with support for rich content like icons, images, and text. ### Revision History Automatically save every change made by you or your team. Revert to previous versions anytime with revision history. ### Add Your Own Code If you need even more flexibility, add custom code to any card. ### SEO Tools Optimize your story for search engines with SEO tools. Enter meta data, titles, and descriptions for improved visibility. ### Data Integrations Integrate external data sources such as APIs or databases to power dynamic and interactive content. ### Accessibility Features Include ARIA attributes, screen reader compatibility, and customizable focus indicators to meet accessibility standards. ### Advanced Conditional Logic Create logic flows that dynamically show or hide elements, based on user actions or inputs. ### Auto Dark Mode Version Automatically generate a dark mode version of your design, adapting colors, fonts, and backgrounds to suit a dark theme without extra effort. ### Custom Dark Mode Version Gain full control to design a custom dark mode version, allowing you to fine-tune colors, visuals, and styles independently of the light mode. ### User Toggle for Dark Mode Add a floating toggle button that lets users switch between light and dark modes seamlessly. ### Dark Mode by URL Parameter Enable dark mode through a specific URL parameter (e.g., ?darkmode=true), making it easy to share pre-set experiences.