Atomic Lite is a modular, component-driven web UI prototype built using atomic design principles.
It serves as a flexible sandbox for developing and testing scalable UI systems β ideal for design systems, landing pages, and content-driven websites.
Explore the live prototype:
π https://sandboxas.lt/atomic-like/
- Atomic Design Structure β Organized into atoms, molecules, and organisms for scalable UI development.
- Prebuilt Pages β Includes templates for Home, About, Contact, Team, Blog Listing, and Blog Post.
- Reusable Components β Modular UI blocks such as feature cards, content areas, and CTAs.
- Responsive Design β Works seamlessly across desktops, tablets, and mobile devices.
- Developer-Friendly β Clean, well-organized structure for easy extension and integration.
atomic-lite/
βββ public/
β βββ screenshot.png
βββ src/
β βββ components/
β β βββ atoms/
β β βββ molecules/
β β βββ organisms/
β βββ pages/
β β βββ index.html
β β βββ about.html
β β βββ contact.html
β β βββ team.html
β β βββ blog.html
β β βββ blog-post.html
β βββ styles/
β βββ main.css
βββ README.md
βββ LICENSE
## π οΈ Getting Started
To set up the project locally:
1. **Clone the repository:**
```bash
git clone https://github.com/yourusername/atomic-lite.git
cd atomic-lite
Open the project:
Open index.html in your preferred web browser to view the homepage.
π License
This project is licensed under the MIT License. See the LICENSE file for details.
