https://github.com/adamjarling/zuma-blocks

React components for music / promo websites
https://github.com/adamjarling/zuma-blocks

Last synced: 6 days ago
JSON representation

React components for music / promo websites

• Host: GitHub
• URL: https://github.com/adamjarling/zuma-blocks
• Owner: adamjarling
• Created: 2023-08-27T15:24:48.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-23T18:27:36.000Z (about 1 year ago)
• Last Synced: 2024-04-24T13:10:39.854Z (7 months ago)
• Language: TypeScript
• Size: 4.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Zuma Blocks

Blocks which are used for building music websites.

## Usage

```shell

# pnpm install

pnpm add zuma-blocks

# npm install

npm install zuma-blocks

# yarn install

yarn add zuma-blocks

```

### TailwindCSS

To carry through TailwindCSS styles in a consuming project, you'll need to update the consuming project's `tailwind.config.js` to recognize the zuma-blocks `./node_modules/zuma-blocks/dist/**/*.{js,ts,jsx,tsx}` folder. For example, your `tailwind.config.js` might look something like this:

```js

module.exports = {

  content: [

    "./app/**/*.{js,ts,jsx,tsx}",

    "./pages/**/*.{js,ts,jsx,tsx}",

    "./components/**/*.{js,ts,jsx,tsx}",

    "./node_modules/zuma-blocks/dist/**/*.{js,ts,jsx,tsx}",

  ],

  theme: {},

  plugins: [],

};

```

## Development

```shell

# Start dev server

pnpm dev

# Build for production

pnpm build

# Build in watch mode (for testing in other projects)

pnpm build --watch

```

## License

ISC - free to use and modify