Back to Blog

Blog UI Kit

A collection of reusable, responsive, and accessible UI components designed to enrich blog content and drive engagement.

15. Holographic Card

Interactive 3D hover effect with shimmering borders.

HolographicCardCTA.tsx

Experience the Magic

Stop wrestling with clunky support tools. Switch to the platform that feels like it's from the future.

16. Developer Terminal

Perfect for targeting developers with code-first messaging.

TerminalSignupCTA.tsx
Developer First

Build AI Features
In Minutes.

Our SDK is designed for developers who hate boilerplate. Drop in our React components and get instant AI chat, search, and analytics.

bash — 80x24
$npm install @dexra/sdk

added 1 package, and audited 2 packages in 1s

found 0 vulnerabilities

$

11. Cosmic Signup

High-impact, animated signup section for major conversion points.

CosmicSignupCTA.tsx
Limited Time Offer

Unlock the Future of Work

Join 10,000+ forward-thinking teams who have already automated their workflow with Dexra.

No credit card required

12. Interactive Typing Demo

Simulates the product experience to build desire before asking for signup.

TypingDemoCTA.tsx
Dexra Assistant v2.0
Can you check my support queue efficiency?

See what your data is trying to tell you.

Don't just collect data—act on it. Dexra's AI proactively identifies bottlenecks and suggests automations in real-time.

Instant setup, zero code required
Works with your existing stack (Zendesk, Intercom)
Free for up to 500 conversations/mo

13. Bento Grid Benefits

Modern grid layout combining value props, social proof, and action.

BentoSignupCTA.tsx
Fast Integration

Deploy AI Support in
Minutes, Not Months.

Connect your knowledge base and let our models do the rest. No training data required.

Enterprise Security

SOC2 Type II compliant, GDPR ready, and end-to-end encrypted.

95+ Languages

Automatically detect and respond in your customer's native language.

UserUserUserUser
+2k

Join 2,000+ companies

Transforming their CX today.

14. Pulse Glow Button

Minimalist but attention-grabbing CTA with subtle animations.

PulseGlowCTA.tsx

Ready to scale your
customer experience?

Join thousands of companies using Dexra to deliver faster, smarter support. No credit card required.

14-day free trial • Cancel anytime • 24/7 support

01. Newsletter CTA

Used to capture email leads within or at the end of articles.

NewsletterCTA.tsx

Join the future of customer experience

Get weekly insights on AI, automation, and the evolving landscape of customer support directly in your inbox.

Join 15,000+ readers. No spam, ever.

02. Product Feature CTA

Highlight a specific product feature or solution relevant to the article topic.

ProductCTA.tsx
Featured Solution

Automate Your Workflow

Stop wasting time on manual tasks. Dexra's AI engine handles 80% of routine inquiries automatically.

Automate Your Workflow

03. Quote Block

Emphasize key takeaways or expert opinions with visual weight.

QuoteCTA.tsx
"The future of customer service isn't about replacing humans, it's about empowering them with better data."
Sarah Chen
Sarah Chen
VP of Customer Success, TechFlow

04. Resource Download

Drive downloads for lead magnets, whitepapers, or ebooks.

ResourceCTA.tsx
The Ultimate Guide to AI Support
E-Book
Free Resource

The Ultimate Guide to AI Support

Learn how to implement AI in your support stack without losing the human touch. Includes checklists and templates.

05. Process Steps

Break down complex processes into digestible, numbered steps.

StepCTA.tsx

How to Get Started

1

Connect Your Channels

Link your email, chat, and social accounts in one click.

2

Train Your AI

Upload your knowledge base or let our AI scan your website.

3

Go Live

Publish your new automated workflow and watch tickets drop.

06. Comparison Table

Compare "Old Way vs New Way" or "Competitors vs Us".

ComparisonCTA.tsx
The Comparison

Manual Support vs. Dexra AI

Traditional Way

  • Slow response times (24h+)
  • Inconsistent answers
  • High agent burnout
  • Limited availability

With Dexra

Recommended
  • Instant responses (24/7)
  • Consistent brand voice
  • Agents focus on complex issues
  • Global scalability

07. Pro Tip Box

Highlight actionable advice or warnings.

TipCTA.tsx

Pro Tip

Always review your AI's confidence score threshold. Setting it too high might miss valid queries, while setting it too low can lead to hallucinations.

08. Statistics Grid

Showcase impressive numbers to build trust.

StatCTA.tsx
45%
Reduction in Ticket Volume
2.5x
Faster Response Time
98%
CSAT Score

09. Video Embed

A beautiful wrapper for video content.

VideoCTA.tsx
Mastering the Unified Inbox: A 5-Minute Walkthrough

Mastering the Unified Inbox: A 5-Minute Walkthrough

05:24

10. FAQ Accordion

Answer common questions directly within the article.

FAQCTA.tsx
Yes, Enterprise plans allow you to bring your own API key for custom model fine-tuning.