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:

Some files aren't components, but partials, because their content doesn't change.

Having to import each partial manually as a component adds unnecessary code. It also becomes hard for you to distinguish between partials and components.

index.astro
---
import Layout from '../layouts/Layout.astro'
import Header from '../components/Header.astro'
import Content from '../components/Content.astro'
import footer from '../components/footer.astro'
---
<Layout>
<Header />
<Content />
<footer />
</Layout>
This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned. This will be the best component library you have ever seen. It's easy to use. It's gorgeous . It's drop-dead-simple. You won't be able to stop using it once you begin. It's highly addictive . You have been warned.

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!

Try it:

Click on a button to open a popover Click on it again to close it. Clicking on other buttons also closes other popovers.

(There's audio, so turn your volume up or down as necessary).

♪~ Never gonna give up you, never gonna let you down ~♪
♪~ Never gonna run around and desert you ~♪
♪~ Never gonna make you cry, never gonna say goodbye ~♪
♪~ Never gonna tell a lie, and hurt you ~♪

(You can press Tab on your keyboard to focus on this link, then hit Enter to play the whole song on Youtube. Enjoy! 🤗).

If there's no space for the popover to appear on the side you specified, it'll automatically appear on the other side (or wherever possible).

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
Application shells create styles for header, content, sidebars, and footer areas. Make ultra flexible layouts for your website. (You have more power and creativity than the standard 12-columns layout). Layouts within components can be made super easy with these. Position things inside a component, at the edge, or even stack it up. The possibility is endless. Components with a predefined layouts go into this category, like cards, accordions, tabs, etc. Add pop and delight to your interfaces with gradients, shadows, and other effects.
Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more. Layouts will be easier than cutting butter with a hot knife. Make brilliant things. This is a solid design system that backs you up. Be original. Be creative. Make things you wish to have. Play like a child. Make stuff that makes you proud. Have fun. Everything here makes your life easier so you can do that, and more.
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.