windicss - Next generation utility-first CSS framework.

  •        368

Next generation utility-first CSS framework. If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2.0 and with a bunch of additional cool features.

https://github.com/voorjaar/windicss
https://github.com/windicss/windicss

Tags
Implementation
License
Platform

   




Related Projects

docs - 📖 Documentation for Windi CSS

  •    TypeScript

This is the documentation website for Windi CSS.

smelte - UI framework with material components built with Svelte and Tailwind CSS

  •    Svelte

Smelte is a UI framework built on top of Svelte and Tailwind CSS using Material Design spec (hence the name). It comes with many components and utility functions making it easy to build beautiful responsive layouts while keeping bundle size and performance at check all thanks to Svelte. Then add the Smelte Rollup plugin (after svelte but before css). Webpack support coming soon.

oruga - 🐛 Oruga is a lightweight library of UI components without CSS framework dependency

  •    Vue

Oruga doesn't depend on any specific style or CSS framework (like Bootstrap, Bulma, TailwindCSS etc...) and it doesn't provide any grid system or CSS utility, it just offer a set of components easy to customize. Oruga wants you to focus only on UI/UX aspects of your application and be totally flexible to future changes without having to touch a line of JavaScript. Browse online documentation here.

tailwindcss-jit

  •    Javascript

As of Tailwind CSS v2.1 this project has been merged with the core Tailwind CSS repository and all future development will happen there. An experimental just-in-time compiler for Tailwind CSS that generates your styles on-demand as you author your templates instead of generating everything in advance at initial build time.


tailwindcss - A utility-first CSS framework for rapid UI development.

  •    CSS

A utility-first CSS framework for rapidly building custom user interfaces. For full documentation, visit tailwindcss.com.

notus-svelte - Notus Svelte: Free Tailwind CSS UI Kit and Admin

  •    Svelte

Start your development with a Free Tailwind CSS and Svelte UI Kit and Admin. Let Notus Svelte amaze you with its cool features and build tools and get your project to a whole new level. Notus Svelte is Free and Open Source. It features multiple HTML and Svelte elements and it comes with dynamic components for Svelte.

tailwindcss - A utility-first CSS framework for rapid UI development.

  •    Javascript

A utility-first CSS framework for rapidly building custom user interfaces. For full documentation, visit tailwindcss.com.

vue-notus - Vue Notus: Free Tailwind CSS UI Kit and Admin

  •    Vue

Start your development with a Free Tailwind CSS and VueJS UI Kit and Admin. Let Vue Notus amaze you with its cool features and build tools and get your project to a whole new level. Vue Notus is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS.

material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design

  •    Javascript

@material-tailwind is an easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines. Coming soon components for VueJS, Angular and many more. Add this repository to your watch list to get the latest news, or join our newsletter community: https://material-tailwind.com/. Import the tailwind.css into your app.js file. Make sure to import the tailwind.css style sheet after all other style sheets.

deadsimple-less-watch-compiler - A nodejs script that allows you to watch a folder for changes and compile the less css files into another folder

  •    Javascript

A command that watches folders(and subfolders) for file changes and automatically compile the less css files into css. This is a file system watcher and compiler. It also keep track of a dependency tree and recompiles the parent if an imported (child) LESS file is changed. Install LESS and make sure the lessc binary is accessible to the script. Installing LESS with the -g(global) flag will make the binary accessible to your system.

twind - The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

  •    TypeScript

Twind is a small compiler (~13kB) that converts Tailwind classes into actual CSS rules at runtime. If you have used Tailwind or other CSS-in-JS solutions, then most of the API should feel very familiar. Get all the benefits of Tailwind without the need for Tailwind, PostCSS, configuration, purging, or autoprefixing.

tailwindcss - A Tailwind CSS frontend preset for the Laravel Framework

  •    Blade

A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development. The default tailwind.config.js configuration file included by this package simply uses the config from the Tailwind vendor files. Should you wish to make changes, you should remove the file and run node_modules/.bin/tailwind init, which will generate a fresh configuration file for you, which you are free to change to suit your needs.

kickoff_tailwind - A rapid Rails 6 application template for personal use bundled with Tailwind CSS

  •    HTML

A rapid Rails 6 application template for personal use. This particular template utilizes Tailwind CSS, a utility-first CSS framework for rapid UI development. Tailwind depends on Webpack so this also comes bundled with webpacker support.

tailwind-starter-kit - Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

  •    CSS

Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular. Tailwind Starter Kit comes with 120 Fully Coded CSS elements.

Slidev - Presentation slides for developers

  •    Typescript

Slidev is a web-based slides maker and presenter. It's designed for developers to focus on writing content in Markdown while also having the power of HTML and Vue components to deliver pixel-perfect layouts and designs with embedded interactive demos in your presentations.

spectre - Spectre.css - A Lightweight, Responsive and Modern CSS Framework

  •    CSS

Spectre.css is a lightweight, responsive and modern CSS framework. Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.

tailwindcss-custom-forms - A better base for styling form elements with Tailwind CSS.

  •    Javascript

This project is not compatible with Tailwind CSS v2.0+ and has been deprecated in favor of @tailwindcss/forms. You can still use this if you are on Tailwind CSS v1.x, but we recommend updating to v2.0 and migrating to @tailwindcss/forms if possible.

CSS Compiler

  •    

CSS Compiler CSSC makes development of CSS styles easier for developers and programmers. It uses a simplified CSS syntax to allow for easy creation of frameworks and pluggins. It is written in C#.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.