50+ New Components: Build Any Type of App with Codular

50+ New Components Are Here!

We've just shipped the biggest component update in Codular's history. Whether you're building a shopping app, chat messenger, social network, or educational platform - we now have purpose-built components for every app type.

E-Commerce Components

Build a complete shopping experience:

• ProductCard - Beautiful product display with image, title, price, ratings, and discount badges
• CartBadge - Shopping cart icon with live item count badge
• PriceTag - Formatted price with crossed-out original price and discount percentage
• QuantityStepper - Interactive +/- buttons for cart quantity selection
• CouponInput - Promo code input with Apply button
• OrderTracker - Step-by-step order status (Ordered → Shipped → Delivered)

How to Build a Store

• Create a "Products" screen with a List bound to a products array variable
• Use ProductCard inside the List for each item
• Add CartBadge in the header bound to your cart count variable
• Create a "Cart" screen with QuantityStepper for each item
• Add CouponInput and a checkout Button
• Use OrderTracker on the confirmation screen

Chat & Social Components

Build messaging and social features:

• ChatBubble - Message bubbles with sent/received styling, timestamps, and avatars
• ChatInput - Text input with send button and attachment support
• MessageList - Auto-scrolling chat container bound to messages array
• PostCard - Social media post with author info, content, image, likes, and comments
• LikeButton - Animated heart button with count, bound to variables
• StoryCircle - Instagram-style circular story avatars with new story indicators

Education Components

• QuizCard - Multiple choice question cards with answer tracking
• Flashcard - Flip cards with front/back for study apps

Media & Productivity

• MusicPlayer - Full audio player with artwork, progress bar, and controls
• KanbanBoard - Drag-and-drop columns for task management
• MapMarker - Customizable map pins
• PlaceCard - Location cards with address, rating, and distance

UI Essentials

• OTPInput - Phone verification code input with separate digit boxes
• Calendar - Monthly calendar view with date selection
• ImageGallery - Grid of images with customizable columns
• CircularProgress - Ring-shaped progress indicator (perfect for fitness/dashboards)
• SkeletonLoader - Animated loading placeholders
• CountdownTimer - Visual countdown with days/hours/minutes/seconds
• RichTextEditor - Text editor with bold, italic, and formatting toolbar

All Components are Interactive

Every new component works with variables and flows:

• Bind to variables for dynamic data
• Trigger events (onPress, onChange, onSend, onLike, etc.)
• Connect to flows for full app logic

Start building your dream app at mobcraft.in!