praveenjuge / Kutty
Licence: mit
Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.
Stars: ✭ 264
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Kutty
preset-tailwindcss
DEPRECATED: Statamic 3 starts with TailwindCSS out of the box.
Stars: ✭ 23 (-91.29%)
Mutual labels: tailwindcss
nextjs-portfolio
Source Code for my rebranded personal website and portfolio.
Stars: ✭ 23 (-91.29%)
Mutual labels: tailwindcss
I Hate Regex
The code for iHateregex.io 😈 - The Regex Cheat Sheet
Stars: ✭ 3,176 (+1103.03%)
Mutual labels: tailwindcss
wefootwear-store
next js footwear store e-commerce 🚀🚀🚀
Stars: ✭ 17 (-93.56%)
Mutual labels: tailwindcss
cra-tailwindcss
Integrate Tailwind CSS in a Create React App setup
Stars: ✭ 105 (-60.23%)
Mutual labels: tailwindcss
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
Stars: ✭ 521 (+97.35%)
Mutual labels: tailwindcss
notion-nextjs-blog
A starter blog template powered by Next.js, Notion and Tailwind CSS.
Stars: ✭ 25 (-90.53%)
Mutual labels: tailwindcss
Formvuelar
Vue form components with server-side validation in mind
Stars: ✭ 263 (-0.38%)
Mutual labels: tailwindcss
angular-boilerplate
⛩️ Angular starter for enterprise-grade front-end projects, built under a clean architecture that helps to scale and maintain a fast workflow.
Stars: ✭ 158 (-40.15%)
Mutual labels: tailwindcss
Shopify Theme Lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪
Stars: ✭ 250 (-5.3%)
Mutual labels: tailwindcss
expansion-pack
🔋 Useful stack expansion for ts-nextjs-tailwind-starter
Stars: ✭ 16 (-93.94%)
Mutual labels: tailwindcss
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-87.88%)
Mutual labels: tailwindcss
fiber-boilerplate
This is the go boilerplate on the top of fiber web framework. With simple setup you can use many features out of the box
Stars: ✭ 184 (-30.3%)
Mutual labels: tailwindcss
tailwindcss-snippets
Collection of animation snippets made for TailwindCSS
Stars: ✭ 98 (-62.88%)
Mutual labels: tailwindcss
Svgwave
🌊 SVG Wave is a tiny, free and beautiful SVG gradient waves generator for your UI or website desgin. It offers dead simple UI to customize, and style your waves based on your theme specifications.
Stars: ✭ 255 (-3.41%)
Mutual labels: tailwindcss
laravel-vue-survey
This is a full stack application of Vue 3 with Tailwindcss 3 and Laravel 8
Stars: ✭ 92 (-65.15%)
Mutual labels: tailwindcss
chat-app
A chat app built with Node.js, Socket.io, React.js, and Tailwind CSS.
Stars: ✭ 29 (-89.02%)
Mutual labels: tailwindcss
Dmarman.github.io
Tailwind Ink is an AI palette generator trained with the Tailwindcss colors.
Stars: ✭ 254 (-3.79%)
Mutual labels: tailwindcss
platforms
A template for site builders and low-code tools.
Stars: ✭ 1,156 (+337.88%)
Mutual labels: tailwindcss
Kutty
Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.
Installation
npm install kutty --save
This plugin requires Tailwind CSS 2 or later. Tailwind CSS is not included in this package. Learn how to install tailwind here.
Usage
For CSS
Require the installed plugin directly to your Tailwind config:
// tailwind.config.js
plugins: [require("kutty")],
For JS
We bundle AlpineJS v2.8.0 for reactivity in our components. Learn more about AlpineJS here. Place the following script tag before the closing body tag.
<!-- All components in one -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/kutty.min.js"></script>
<!-- Single component -->
<!-- Include AlpineJS first -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/alpinejs.min.js"></script>
<!-- And then the single component -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/dropdown.min.js"></script>
Documentation
View full documentation at https://kutty.netlify.app.
Bugs & Suggestions
Found a bug? Please open a new issue. Use GitHub Discussions for new feature requests.
Development
You need Hugo to run the dev server. If you have Homebrew you can do the following:
brew install hugo
Check this Hugo installation page for installing on other systems.
Then clone the repo, install dependencies, and start the server locally.
git clone https://github.com/praveenjuge/kutty.git
cd kutty
npm install
npm start
Open http://localhost:1313 in your browser.
| Scripts | Description |
|---|---|
npm start |
Starts a local Hugo server and Tailwind Watcher |
npm run production |
For generating production docs files |
License
See the LICENSE file.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].