βš›οΈ atomic/code

A modern, free collection of Tailwind UI, React Hooks, Contexts, Utilities, Icons, Charts, and Templatesβ€”built for fast, accessible, and maintainable interfaces.

Supercharge your Web App with Atomic Code

🌈 Colors

A vast, beautiful color palette out of the box, carefully crafted by expert designers and suitable for a wide range of different design styles.

πŸ˜„ Emojis

A large collection of emojis to enhance user interfaces, chats, and messaging applications with expressive icons.

πŸ”€ Fonts

A curated collection of fonts for web and UI projects, supporting various styles, weights, and languages.

πŸ–ΌοΈ SVG Icons

High-quality scalable vector icons suitable for web and mobile interfaces, ensuring sharp visuals on any screen size.

πŸ”— React Contexts

React contexts to efficiently manage and share state or data across deeply nested components without prop drilling.

πŸͺ React Hooks

Reusable React hooks that provide custom functionality to functional components, improving code modularity and reuse.

🧭 React Router

A custom React Router implementation using Context API and hooks to manage client-side navigation without external libraries.

πŸ“‹ React Virtual Table

Highly performant virtualized table component that renders only visible rows, ideal for large datasets.

πŸ“Š UI Charts

Versatile chart components for visualizing data in various formats including bar, line, pie, and more.

🎨 UIKit

Comprehensive collection of reusable UI components and design elements for building consistent user interfaces.

🧱 UI Blocks

Modular UI blocks designed for rapid assembly of complex interfaces using pre-built building components.

πŸ“ UI Templates

Pre-designed UI templates that speed up development by providing ready-made layouts and styles.

🧾 Logger

Tools and utilities for application logging, debugging, and diagnostics to help track application behavior and errors.

🧰 Utilities

A collection of general utility functions and helpers to simplify common programming tasks across projects.