https://github.com/codepiercer/sveltewind

Customizable components with TailwindCSS styling for seamless integration into any Svelte project
https://github.com/codepiercer/sveltewind

svelte svelte-components svelte-components-library svelte-tailwind svelte-tailwindcss sveltejs sveltekit tailwind tailwindcss tailwindui

Last synced: 19 days ago
JSON representation

Customizable components with TailwindCSS styling for seamless integration into any Svelte project

• Host: GitHub
• URL: https://github.com/codepiercer/sveltewind
• Owner: codepiercer
• Created: 2023-05-14T16:58:59.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-12T17:06:35.000Z (over 1 year ago)
• Last Synced: 2024-04-26T17:20:47.431Z (7 months ago)
• Topics: svelte, svelte-components, svelte-components-library, svelte-tailwind, svelte-tailwindcss, sveltejs, sveltekit, tailwind, tailwindcss, tailwindui
• Language: Svelte
• Homepage: https://sveltewind.codepiercer.org
• Size: 80.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sveltewind

Customizable components with TailwindCSS styling for seamless integration into any SvelteKit project.

## Installation (Option 1)

```bash

npm i -D @codepiercer/sveltewind

```

- Create a `tailwind.config.cjs` file in the root of your project and add the following:

  ```js

  // tailwind.config.cjs

  module.exports {

    presets: require('@codepiercer/sveltewind/config.cjs')

  }

  ```

- Create a `postcss.config.cjs` file in the root of your project and add the following:

  ```js

  // postcss.config.cjs

  module.exports = {

    plugins: {

      tailwindcss: {},

      autoprefixer: {}

    }

  }

  ```

## Installation (Option 2) - use the pre configured sveltekit template

```bash

npx degit [email protected]:codepiercer/sveltewind-template.git myapp

```

## Usage

```js

// Example.svelte

  import { Button } from '@codepiercer/sveltewind/components'

Click Me

```

## Development

```bash

docker compose --service-ports run --rm app

npm i

npm run dev

```



  ©

  CODEPIERCER. All rights reserved.