4.2x OutlierSaved in 1 board
@alexgrowth.ai
5 AI agent workflows clients are happily paying $2,500 for in 2026. Full n8n JSON schema breakdown...
Views
482,000
Likes
38,400
Cmts
2,940
Eng.
8.6%
Design System & UI Kitv1.0 Production
Reusable Component Library
Interactive playground and living style guide for all buttons, form controls, badges, cards, feedback alerts, and modal dialogs used across Viralyzer.
Content Library & Viral Intelligence Suite
Core UI components powering competitor reel discovery, creator channel indexing, watchlist curation, and research project boards.
1. ContentLibraryNav (Fluid Notched Tab Navigation)
Sliding tab indicator with concave flares, smooth SVG tangent curves, and module-scoped memory.
2. ContentLibraryCard (aspect-[4/5] Portrait Cards)
Features outlier multiplier badges, engagement velocity, hover play button, and board bookmarking.
2.8x Outlier
@contentcoach
Why 90% of creators fail hook retention in the first 2 seconds. The 2.5-second visual rule explained...
Views
215,000
Likes
19,800
Cmts
1,420
Eng.
9.8%
instagram
@automationmastery
Stop editing Reels manually. How we use headless workers and AI prompts to scale to 10 posts a day...
Views
142,000
Likes
12,400
Cmts
890
Eng.
9.3%
3. Competitor Channel Tracking Cards
Displays tracked creator profiles, follower metrics, background scraping sync status, and direct reel inspection.
@coach.ravikant
Followers
185,000
Indexed Posts
42
@creatorautomation
Followers
94,200
Indexed Posts
28
4. Monitored Watchlist Cards
Grouping competitor channels into focused niche feeds with one-click favorite toggling.
AI & Automation Creators
Top solopreneurs and AI automation engineers posting daily workflows.
12 tracked creators
B2B SaaS Growth Lead Gen
Founders using short-form video to drive organic demo bookings.
8 tracked creators
5. ContentLibrarySkeleton (Responsive Shimmer Grid)
Full-width pulse loading skeleton matching the 4:5 portrait card geometry during async data fetching.
Buttons & Action Variants
Standard interactive buttons with preset visual styles, states, and icon configurations.
1. Visual Variants
2. Size Scale
Inputs & Form Controls
High-fidelity inputs, search boxes, password toggles, switches, and validation states.
Enter Instagram handle without @
Click eye icon to reveal secrets
Please provide a valid https:// webhook endpoint
AutoDM Automation
Trigger on new post comment
Badges, Pills & Indicators
Status tags with subtle borders, pulsing live signals, solid variants, and metric labels.
1. Live Status Indicators (Pulsing)
Scraper ActiveAI GeneratingSync PendingScrape FailedWorker ProcessingOffline
2. Variant Styles
Subtle PurpleSolid PurpleOutline PurpleVerified PartnerActive Pro12.4k Likes
Cards, KPI Tiles & Alert Callouts
Data display surfaces, KPI stat cards, glassmorphic containers, and informative banners.
Total Reach +24.8%
1,842,900
Compared to last 30 days
Pro Plan
AI Script Intelligence
Unlock viral reel framework breakdowns and automatic hook generators.
Apify Worker Pool
99.8% Uptime
8 active background scraping clusters
Standard PageHeader Component
Instagram Content Scheduler
Active Pro
Plan, schedule, and auto-publish Instagram Reels, Carousels, and Posts ahead of time.
Vertical ReelCard (aspect-[9/16], 4-in-a-Row)
4.2x Outlier3 days ago
5 AI prompts to automate your short-form video scripts in under 60 seconds...
185,000
14,200
640
3,100
2.8x Outlier1 week ago
The Viral Hook Architecture: Why 90% of viewers scroll in the first 2 seconds
94,000
8,900
420
2,450
reel2 weeks ago
Stop editing your Reels manually. Here is my automated workflow for 2026
72,000
6,100
310
1,200
3.5x Outlier3 weeks ago
How we generated $24,000 in digital course sales using Instagram AutoDM...
142,000
11,400
980
4,100
Modals, Toasts & Skeleton Shimmers
Accessible overlay dialogs with backdrop blur, keyboard dismissal, and content loading skeletons.
Modal Dialog
Includes backdrop blur, transition animations, header title, body slot, footer actions, and ESC key listener.
Skeleton Shimmers
Graceful placeholders during async fetching to prevent layout shifts.
ModuleNav (Pill Tab Strip)
Reusable sub-navigation bar powering both the Content Library Suite and Instagram Growth Suite with active route synchronization.
Live Component Preview
Standard Usage Pattern:
<ModuleNav
tabs={[
{ name: 'My Profile', href: '/instagram/profile', icon: Grid2x2, exact: true },
{ name: 'Content Scheduler', href: '/instagram/calendar', icon: CalendarRange },
{ name: 'AutoDM', href: '/instagram/autodm', icon: Send },
{ name: 'Analytics', href: '/instagram/analytics', icon: BarChart3 },
]}
/>PhoneMockupFrame (iOS Simulator)
Physical BezelPrecision iPhone frame with physical side buttons, dynamic island, status bar, and home indicator. Used in Content Scheduler and AutoDM previewers.
1. Screen Scene Preset
2. Frame Hardware Controls
Status Bar Clock Time:
3. Component API Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | required | Interactive screen content rendered in 300x620px viewport |
| time | string | '9:41' | iOS status bar clock label |
| showStatusBar | boolean | true | Renders iOS clock, Signal, Wi-Fi, and Battery indicators |
| showDynamicIsland | boolean | true | Pill notch sensor cutout centered at top of viewport |
| showHomeIndicator | boolean | true | Bottom gesture pill swipe line |
| className | string | '' | Outer wrapper container class override |
| screenClassName | string | '' | Inner screen viewport container class override |
Live Preview: Instagram Reel
9:41
Reels
A
5 AI agent workflows clients are paying $2,500/mo for in 2026 🚀 Comment "BLUEPRINT" below!
alexgrowth.ai • Original audio