Star on GitHub
A collaborative platform where developers and designers can share, explore, and give feedback on reusable web components.
Build UIs in record time with pre-built, optimized components that work out of the box.
Consistent patterns and well-documented code make maintenance a breeze for teams of any size.
Every component follows WCAG guidelines, ensuring your applications are usable by everyone.
Just copy and paste the code of the component you want to use.
import { Button } from 'atomox/components';
export default function MyComponent() {
return (
<div className="space-y-4">
<h1>Welcome to My App</h1>
<p>Built with Atomox components</p>
<Button variant="primary">
Get Started
</Button>
</div>
);
}A button is a clickable element that performs an action when clicked.
An input field is a form element that allows users to enter data.
A background is an image or color that appears behind other elements.
A loader is a visual indicator that something is loading or processing.
A checkbox is a form element that allows users to select one or more options.
A radio button is a form element that allows users to select one option from a group.
A switch is a toggle button that allows users to turn something on or off.
A tooltip is a small popup that provides additional information about an element.
A progress bar is a visual indicator that shows the progress of a task.
A select is a form element that allows users to select an option from a list.
A form is a collection of input fields and buttons that allows users to submit data.
A header is a section that appears at the top of a page.
A footer is a section that appears at the bottom of a page.
A card is a container that displays content in a visually appealing way.
A modal is a dialog box that appears on top of the current page.
A hero section is a large banner that appears at the top of a page.
An error page is a page that appears when something goes wrong.
A sidebar is a vertical menu that appears on the side of a page.
A pricing table is a table that displays different pricing options.
A feature section is a section that displays a list of features.
A testimonial is a quote from a customer that showcases their experience.
A FAQ (Frequently Asked Questions) is a list of questions and answers.
Authentication is the process of verifying the identity of a user.
A CTA (Call to Action) is a button or link that encourages users to take a specific action.
A dashboard is a page that displays a summary of the user's activity.
A cookie is a small piece of data that is stored on a user's computer.