UI Components
Components with built-in preview metadata
GridAnimationOne
Animated SVG grid with moving light elements
Theme
Width
Code
TriggeredLogos
Interactive trigger phrases with toggled content - auto-cycles through triggers with progress indicators
Theme
Width
Code
Interactive trigger one and interactive trigger two
VideoPreview
Interactive video preview component with customizable background and play button styling
Theme
Width
Code
ContentCard
Flexible content card component with customizable image variants, content, and link styles
Theme
Width
Code
Data Science Fundamentals
Master the fundamentals of data science with hands-on projects and real-world applications.
ContentCard
Flexible content card component with customizable image variants, content, and link styles
Theme
Width
Code
Machine Learning Track
Build machine learning models from scratch with Python and advanced algorithms for predictive analytics.
TestimonialsCarousel
Interactive carousel component displaying customer testimonials with company logos, quotes, and statistics
Theme
Width
Code
What our customers are saying
“For Allianz, working with DataCamp wasn't about teaching coding to everyone. It was about embedding the belief that problems are solved best through data and AI literacy for better overall decision-making.”
6,000+
Allianz employees learning on DataCamp
2 hours/week
saved per employee thanks to DataCamp skills
“Hiring data and AI professionals was not enough for Colgate to sustain the company's growth and competitiveness. That's why they turned to DataCamp.”
80%
Learners applied DataCamp skills for better decision-making and business outcomes.
14,000+
diverse learners across various Colgate-Palmolive departments
“At Rolls-Royce, we're dealing with complex data sets related to airlines and engines. Through DataCamp, our engineers gained valuable experience and learned how to automate multiple data handling processes that previously had to be completed manually.”
100x
faster data processing thanks to skills learned in DataCamp
Copy
Shared copy component used across all Bento cards, providing consistent heading and paragraph styling
Theme
Width
Code
Bento Card Heading
This is the standard copy component used in all Bento cards for consistent typography and styling.
ByTopic
Bento card component showcasing topic-based learning with visual elements and CTA button. Uses the shared Copy component for consistent typography.
Theme
Width
Code
By Topic
Cover every corner of data and AI. DataCamp makes it easy to explore and learn the topics your business depends on, from data fundamentals to the frontier of AI technology.
Explore Curriculum by TopicTabbedContent
Flexible tabbed interface with configurable tab positioning - supports top, bottom, left, and right positions
Theme
Width
Code
First Panel
This is the content for the first tab panel. Tabs are positioned at the top of the content area.
Component
Theme
Width
Build your AI-ready workforce
Find out why 80% of the Fortune 1000 choose DataCamp.
Upskilling a small team? Get started today