https://github.com/tailus-ui/snippets

Eazy to customize Modern and beautifull UI components built with tailwindcss that you can use right in your favorite IDE, VS Code without copying from somewhere.
https://github.com/tailus-ui/snippets

snippets tailwindcss ui-components vscode vscode-snippets

Last synced: 2 days ago
JSON representation

Eazy to customize Modern and beautifull UI components built with tailwindcss that you can use right in your favorite IDE, VS Code without copying from somewhere.

• Host: GitHub
• URL: https://github.com/tailus-ui/snippets
• Owner: Tailus-UI
• License: mit
• Created: 2022-08-07T11:37:40.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-01T05:50:45.000Z (13 days ago)
• Last Synced: 2024-11-01T06:26:49.661Z (13 days ago)
• Topics: snippets, tailwindcss, ui-components, vscode, vscode-snippets
• Homepage: https://marketplace.visualstudio.com/items?itemName=TailusUI.tailus-snippets
• Size: 544 KB
• Stars: 21
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Tailus Snippets

Eazy to customize Modern and beautifull UI components built with tailwindcss 

that you can use right in your favorite IDE, VS Code without copying from somewhere.

Built for HTML, Astro, NextJs and NuxtJs.

![tailus snippets cover](/public/tailus-ui-html.png)

## Guide

VS Code makes snippets easier to use, all you need to get started :

- Install Tailus Snippets [extension](https://marketplace.visualstudio.com/items?itemName=TailusUI.snippus)

- Open a file in your favorite language (HTML, JSX, TSX, Vue)

- Start typing `tls-` to see the list of available snippets

- Select the snippet you want to use and press `Enter`

### Annonce

``tls-annonce``

### Avatar

``tls-avatar``

### Badge

``tls-badge``

### Button

``tls-button``

### Callout

``tls-callout``

### Card

``tls-card``

### Checkbox

``tls-checkbox``

### Input

``tls-input``

### Progress

``tls-progress``

### Radio Card

``tls-radio-card``

### Radio Group

``tls-radio-group``

### Select

``tls-select``

### Switch

``tls-switch``

### Textarea

``tls-textarea``

## Contribute

If you're interested in contributing to Tailus Snippets, please read our [contributing docs](CONTRIBUTING.md) before submitting a pull request.

[How to get started](https://code.visualstudio.com/api/get-started/your-first-extension)

## More ressources

[Browse more ressources](https://tailus.io)