Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Browse 637 ready-made components from the Cronos UI library. Every variant is fully responsive – copy the code or customize it in the visual editor and export clean code.
Cronos
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A green-background hero section with a small "New feature" badge, a large bold white headline, supporting paragraph, and two buttons (a yellow primary and a dark secondary), with a MacBook Pro device mockup displaying a skyscraper photo below. The content is centered in a vertical stack.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A light-background page footer with the Cronos logo on the left, four link columns (Product, For Developers, Resources, Legal), and a centered copyright line at the bottom. Links are plain gray text under bold column headings.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A section with a small badge, centered heading and intro paragraph above a 3x2 grid of team member cards. Each card shows a portrait photo, green name, bold role title, and short gray bio text on a light background.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A centered split-layout error state displaying an 'ERROR 404' badge, a 'Page not found' heading, supporting text, and two action buttons on the left, with a decorative flat illustration of people working beside a browser window on the right. The page uses a white background with dark green and dark brown buttons.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A split-layout contact section with a map of New York on the left and a heading, supporting text, and two icon-labeled blocks for visiting the office and contacting by email or phone on the right. Decorative colored squares frame the map.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A testimonial carousel with a large green quotation mark, a bold quote, author name and title on the left, and a portrait photo with decorative green and yellow squares on the right. Two green square arrow buttons below the text allow moving between testimonials.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A centered blog article layout showing breadcrumb navigation, a large serif-less bold heading, author avatar with name and date, and multi-paragraph body text. Decorative colored squares appear in the corners as background accents.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A centered white modal dialog over a dark overlay asking the user to confirm account deletion, with a green user-with-x icon, a bold heading, placeholder body text, and two buttons: a green "Yes, delete" action and a dark brown "Cancel" action.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A split-screen section with placeholder marketing heading and body text on the left and a white sign-up card on the right containing email and password fields, a yellow Sign In button, a forgot password link, and Facebook and Twitter social sign-in buttons. The form sits on a dark green framed background with decorative corner accents.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A grid of five blog or article preview cards arranged in a two-row layout, with a wide featured card at top-left and smaller cards below. Each card shows a photo, a date, a bold heading, body excerpt, and a green Read more link on a white background.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A centered hero section on a cream background with a small 'New feature' badge, a large bold two-line headline, a short supporting paragraph, and two side-by-side call-to-action buttons, one teal and one dark brown. Faint vertical and horizontal grid lines appear in the background.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A horizontal top navigation bar with the Cronos logo, text links for About, Company, Services, and Testimonials, and a search input with a yellow search button aligned to the right. The bar uses a light background with minimal styling.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A grid of five photographs showing office workspaces, a smartphone with a drink, hands typing on a laptop, a person working near a window, and a group of people standing against a wall. Decorative yellow and dark green squares overlap the image corners, and the layout is a two-row arrangement with two images on top and three below.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A horizontal row of four equal light gray cards each containing a company logo (Slack, Dropbox, Spotify, Stripe) on a white background. It is a social proof section used to show recognizable customers or partners.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A marketing feature section with a yellow pill label, large bold heading, and body paragraph on the left, and a 2x2 grid of outline icons with titles and descriptions on the right. Uses a cream background with dark green line icons and placeholder text.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
A marketing feature section with a small yellow badge, bold heading, and supporting text on the left, a video thumbnail with play button on the right, and a 3x2 grid of numbered items with titles and descriptions below. The layout uses a green and yellow accent palette on a light background.
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Create a free account to copy production-ready code from every component in the library.
Free account · No credit card · No password needed
Already have an account? Sign in
Build websites faster with an AI Visual Editor
© 2026 Shuffle. All rights reserved.
See what you're getting before you commit.
Switch the editor to Grid and every page of your project appears side by side on one canvas. Arrange them freely, zoom in and out, and add as many new pages as you need in a few clicks.
Describe what you need in one chat and the Agent does the rest: it adds new sections, edits copy and styles, moves blocks around or removes them across your whole page. No modes, no switching, just tell it what to change.
Not quite there yet? Ask for tweaks like missing assets, your logo or other details, and regenerate the design without starting from scratch.
