Rediscover the joy of coding

Our component libraries, design system, and utilities makes it easy for you to create websites and applications.

These Tools will help you make incredible apps, with much less effort.

Get Splendid Labz

Component libraries for Astro and Svelte

Beginner-friendly components with useful features

We have chosen to use Astro to build websites and applications. So we’re building the best component library money can buy.

Each of these components are created with care and love so they are accessible, easy to use, and contain features you’d love to have.

We think Component libraries can do more than provide basic features, don’t you?

Astro Components

Astro is already powerful and easy to use, but we wanted to make it even easier. So we designed components that help you code less and achieve more.

Here are some examples:

velte Components Svelte components

We've built most of our UI components with Svelte so you can use them on both Astro and Svelte — whichever you prefer.

They work flawlessly with Astro's Island Architecture, which means lesser component files needed to create beautiful interactions!

Uses CSS , Sass and Tailwind and superpowers

Style

your stuff like

ninjas on asteroids

Quick and lethal, swift and painless. Creating customized, beautiful, and unique websites (or apps) become incredibly easy with our styles and layout libraries.

We make it super easy for you to customize your sites with our design tokens and ingenious layout classes. Check them out!

Splendid Layouts
o
an
Ultra
flexible
layouts
system

This layout system may change the way you create layouts forever. With this, you can create customized layouts in minutes, not hours.

You'll no longer mess around with CSS until you lose track of time.

Our experience: You kinda just say what you want, in English, and boom — it's done!
(Your mileage may vary)

Splendid Layouts contains 6 types of classes
Stunning & Sensational, yet Straightforward

Splendid Styles Splendid Styles Splendid Styles

Splendid Styles gives you the control and flexibility you need to make your site look exactly how you envisioned it to be.

It's now possible for you to create truly custom designs, use more than 3 typefaces, and do all sorts of unique things without feeling intimidated by crazy complex code.

You can do almost everything you want by combining a couple of readable and understandable classes together, without being bombarded by a mess of classes or CSS properties!

Who made this?And why?

Picture of Zell
Picture of Zell

Hi! My name is Zell.

I made Splendid Labz because I was not satisfied with the tools and libraries available on the internet.

I wanted tools that are simpler to use; tools, that would allow me to build sites and applications much quicker, without hindering me in the process.

Why Astro & Svelte?

I love Astro, but I discovered that most framework libraries (including those for Svelte) aren’t built for Astro’s island architecture.

Using them directly meant introducing multiple component files which I think is both unnecessary and inefficient.

I’m unhappy with this so I decided to build a library that can integrate perfectly with Astro.

Plus, I also wanted features that weren’t available in most component libraries that I checked.

Why Styles & Layouts libraries?

As a frontend developer, I’m really good with CSS. Although I love it, I felt I spent too much time editing CSS when I built UI.

I believe we don’t have to reinvent CSS if they styles were already made with serious customisation in mind.

After playing with Tailwind, I became extremely dissatisfied with both Traditional CSS and Tailwind — and I sought a middle ground that encompasses the strengths of both.

My experiments led to me create the Styles and Layouts libraries you’re looking at now.

I’m really happy with what I’ve made for Splendid Labz so far. The tools I’m using have already helped me develop with less friction, more joy, and more speed.

I hope that Splendid Labz will bring joy into your development workflow just like it did for mine.