PartsProject Setup

Parts Project Setup

Most of these components are entirely self-contained. They can be copied and pasted into any Svelte project.

However, there are a few small packages I use to achieve certain effects and maintain styles across components:

Global CSS

A helpful class I like to use throughout the site is .transition-smooth.

To use it anywhere, add it to your +layout.svelte file:

Note that you can't use it in your @apply rules, since global CSS is processed separately from tailwind.

Copying Code

If a component is ready to be used (I've cleaned it up enough to be usable), you can click the "Show Code" button in the top right corner.

Example Button.svelte