classname | Topic | Ecosyste.ms: Repos

Topic: "classname"

joe-bell/cva

Class Variance Authority

Language: TypeScript - Size: 6.94 MB - Last synced at: about 10 hours ago - Pushed at: 6 days ago - Stars: 6,210 - Forks: 128

soenkekluth/sticky-state

StickyState is a high performant module making native position:sticky statefull and polyfilling the missing sticky browser feature

Language: JavaScript - Size: 1.06 MB - Last synced at: about 1 year ago - Pushed at: over 1 year ago - Stars: 683 - Forks: 31

sindresorhus/class-names

Conditionally join CSS class names together - Especially useful with React

Language: JavaScript - Size: 11.7 KB - Last synced at: 3 days ago - Pushed at: almost 4 years ago - Stars: 293 - Forks: 9

alexnault/classix

🏛️ The fastest and tiniest utility for conditionally joining classNames.

Language: TypeScript - Size: 790 KB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 205 - Forks: 4

ony3000/prettier-plugin-classnames

A Prettier plugin that wraps verbose class name based on the `printWidth` option.

Language: TypeScript - Size: 1.73 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 147 - Forks: 0

c01nd01r/vue-bem-cn

✅ vue-bem-cn - Simple BEM class name generator for Vue.JS

Language: JavaScript - Size: 128 KB - Last synced at: 9 days ago - Pushed at: over 6 years ago - Stars: 127 - Forks: 13

tomhodgins/quark

Quark.js is a microscopic atomic CSS polyfill in JS just 140 bytes

Language: HTML - Size: 6.84 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 97 - Forks: 4

rebem/rebem 📦

React :heart: BEM

Language: JavaScript - Size: 206 KB - Last synced at: 9 days ago - Pushed at: almost 8 years ago - Stars: 90 - Forks: 2

fdaciuk/strclass

A ~200b library to apply CSS classes as strings from objects

Language: JavaScript - Size: 98.6 KB - Last synced at: 21 days ago - Pushed at: about 8 years ago - Stars: 83 - Forks: 5

nicotsx/react-native-picasso

Theming like Bootstrap in React Native 🙌

Language: TypeScript - Size: 34.7 MB - Last synced at: 6 days ago - Pushed at: over 1 year ago - Stars: 70 - Forks: 0

ctxhou/postcss-hash-classname

PostCSS plugin to append hash string to your css class name.

Language: JavaScript - Size: 34.2 KB - Last synced at: 17 days ago - Pushed at: over 7 years ago - Stars: 60 - Forks: 4

xobotyi/cnbuilder

Yet another classname string builder (the fastest one)

Language: TypeScript - Size: 3.47 MB - Last synced at: 12 months ago - Pushed at: over 1 year ago - Stars: 42 - Forks: 2

shipmonk-rnd/name-collision-detector

Fast & simple tool to find class duplicates in your projects.

Language: PHP - Size: 267 KB - Last synced at: 6 days ago - Pushed at: about 1 month ago - Stars: 31 - Forks: 1

cstro/classnames-php

A simple php utility for conditionally joining classNames together, based on https://github.com/JedWatson/classnames

Language: PHP - Size: 9.77 KB - Last synced at: 9 months ago - Pushed at: almost 8 years ago - Stars: 20 - Forks: 1

G3root/react-cva

Class Variance Authority helper for react

Language: TypeScript - Size: 116 KB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 19 - Forks: 1

kristerkari/react-native-types-for-css-modules

React Native Typescript types with an extra added type: className property

Language: Ruby - Size: 583 KB - Last synced at: 18 days ago - Pushed at: about 1 year ago - Stars: 14 - Forks: 11

Xinhe998/babel-plugin-add-jsx-classes

Add the `className` to all JSX elements in your project

Language: TypeScript - Size: 307 KB - Last synced at: 5 months ago - Pushed at: almost 3 years ago - Stars: 14 - Forks: 0

kristerkari/babel-plugin-react-native-classname-to-style

Transform JSX className property to style property in react-native.

Language: JavaScript - Size: 2.31 MB - Last synced at: about 17 hours ago - Pushed at: about 2 years ago - Stars: 13 - Forks: 2

guilhermerodz/atomic-variants 📦

Tiny utility for handling atomic CSS

Language: TypeScript - Size: 104 KB - Last synced at: 7 days ago - Pushed at: over 2 years ago - Stars: 13 - Forks: 2

kristerkari/babel-plugin-react-native-classname-to-dynamic-style

Transform JSX className property to a style property that gets calculated at runtime in React Native. The plugin is used to match style objects containing parsed CSS media queries and CSS viewport units with React Native.

Language: JavaScript - Size: 438 KB - Last synced at: 18 days ago - Pushed at: over 2 years ago - Stars: 13 - Forks: 6

hamidelgendy/arto

Arto is a type-safe, flexible class name management library designed for building scalable UIs with variants, states, and advanced conditional styling.

Language: TypeScript - Size: 535 KB - Last synced at: 17 days ago - Pushed at: 3 months ago - Stars: 12 - Forks: 0

shoonia/mini-css-class-name

Minimum size unique CSS class names generator

Language: JavaScript - Size: 618 KB - Last synced at: 3 days ago - Pushed at: 12 months ago - Stars: 10 - Forks: 0

jednano/bem-join

A function used to construct BEM class names.

Language: TypeScript - Size: 1.46 MB - Last synced at: 19 days ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 1

ryanve/ssv

Space Separated Values. JavaScript library for spaced data. Fun and fast for classnames and beyond :two_hearts:

Language: JavaScript - Size: 205 KB - Last synced at: 3 days ago - Pushed at: almost 2 years ago - Stars: 7 - Forks: 0

yunsii/tagged-classnames-free

Free to use tagged classnames, powered by clsx and tailwind-merge.

Language: TypeScript - Size: 592 KB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 5 - Forks: 1

shettayyy/class-glue

Dynamic class name generation made easy with a lightweight utility to simplify styling in React, React Native, and more. No fuss, just class names! 💅✨

Language: TypeScript - Size: 232 KB - Last synced at: 1 day ago - Pushed at: 3 months ago - Stars: 5 - Forks: 0

brendon1555/panda-cx-deduplicator

A drop in replacement for the PandaCSS `cx` function with deduplication of atomic classes

Language: TypeScript - Size: 97.7 KB - Last synced at: 14 days ago - Pushed at: over 1 year ago - Stars: 5 - Forks: 0

swup/body-class-plugin

A swup plugin for updating the body classname 🎊

Language: TypeScript - Size: 529 KB - Last synced at: 9 days ago - Pushed at: 2 months ago - Stars: 4 - Forks: 4

jalalazimi/classwind

⚡ Ultra-fast 331B JS utility for dynamic class names, framework-independent, TypeScript-compatible. 🛠️

Language: TypeScript - Size: 1.03 MB - Last synced at: 9 days ago - Pushed at: about 1 year ago - Stars: 4 - Forks: 0

PutziSan/prettier-plugin-sort-class-names Fork of tqwewe/prettier-plugin-tailwind

Sort classes in HTML and JSX/TSX with Prettier.

Language: TypeScript - Size: 251 KB - Last synced at: 3 days ago - Pushed at: over 1 year ago - Stars: 4 - Forks: 3

Norserium/easy-bem Fork of GREENpoint/bem-cn-fast

Easy BEM class name generator

Language: JavaScript - Size: 7.81 KB - Last synced at: 7 days ago - Pushed at: about 4 years ago - Stars: 4 - Forks: 0

jarrodldavis/eslint-plugin-tailwindcss 📦

An ESLint plugin to enforce usage of Tailwind CSS utility and component classes.

Language: TypeScript - Size: 888 KB - Last synced at: 3 days ago - Pushed at: over 4 years ago - Stars: 4 - Forks: 0

unwindjs/unwind

Tools for creating unwind UI kits with ease.

Language: TypeScript - Size: 560 KB - Last synced at: 11 days ago - Pushed at: 2 months ago - Stars: 3 - Forks: 0

shoonia/gatsby-plugin-mini-css-class-name

Minifying CSS class names

Language: JavaScript - Size: 2.41 MB - Last synced at: 7 days ago - Pushed at: 10 months ago - Stars: 3 - Forks: 0

chempogonzalez/tailwind-semantic-setup

🧬 Tailwind preset to enable a good semantic setup for better Design Systems

Language: JavaScript - Size: 800 KB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

brendon1555/panda-preset-unique-utilities

The base preset utilities for Panda CSS but with unique classNames

Language: TypeScript - Size: 40 KB - Last synced at: 17 days ago - Pushed at: over 1 year ago - Stars: 3 - Forks: 0

fayez-nazzal/scn

Simple class names utility that is tiny and fast (75 bytes)

Language: TypeScript - Size: 396 KB - Last synced at: 16 days ago - Pushed at: over 1 year ago - Stars: 3 - Forks: 0

imcuttle/prefix-classname

The useful utility for making scoped classname.

Language: JavaScript - Size: 216 KB - Last synced at: 9 days ago - Pushed at: about 2 years ago - Stars: 3 - Forks: 1

umamimolecule/classnames

A utility for Razor or Blazor web applications to conditionally build class names for components.

Language: C# - Size: 51.8 KB - Last synced at: 14 days ago - Pushed at: almost 4 years ago - Stars: 3 - Forks: 0

AModin/react-chained-modals

React component for display few chained modals / Single modal / Prompts / Alerts / Dialogs etc.

Language: JavaScript - Size: 54.7 KB - Last synced at: 1 day ago - Pushed at: over 6 years ago - Stars: 3 - Forks: 1

awinogradov/easy-bem-naming 📦

DEPRECATED! Use recn intead.

Language: TypeScript - Size: 29.3 KB - Last synced at: 11 days ago - Pushed at: over 7 years ago - Stars: 3 - Forks: 0

morajabi/rc-classnames

🍭 Manage classNames conditionally in React and JSX easily

Language: JavaScript - Size: 18.6 KB - Last synced at: 3 days ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 2

artemshitov/propmods

Turn your React props and state into BEM modifiers

Language: TypeScript - Size: 26.4 KB - Last synced at: 29 days ago - Pushed at: almost 8 years ago - Stars: 3 - Forks: 0

mephju/classed-components

Like styled-components but for classes.

Language: JavaScript - Size: 52.7 KB - Last synced at: about 1 year ago - Pushed at: about 8 years ago - Stars: 3 - Forks: 0

5tarlight/cn

React (especially Tailwind) classname utility

Language: Shell - Size: 7.81 KB - Last synced at: 20 days ago - Pushed at: 6 months ago - Stars: 2 - Forks: 0

im-mou/alias-classname

Easily compose, manage and simplify CSS classes using aliases.

Language: TypeScript - Size: 144 KB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

syntax-tree/hast-util-classnames

utility to merge class names together

Language: JavaScript - Size: 82 KB - Last synced at: 2 days ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 1

chempogonzalez/classname-manager

🖌️ ClassName Manager to easily get classes for component variants

Language: TypeScript - Size: 120 KB - Last synced at: about 2 months ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 0

rmznkapar/winc

A simple utility for conditionally joining class names together

Language: TypeScript - Size: 10.7 KB - Last synced at: 25 days ago - Pushed at: about 2 years ago - Stars: 2 - Forks: 0

humayunahmed8/element-changer

Change Front-end Element. Using By Javascript "className" Property.

Language: CSS - Size: 789 KB - Last synced at: over 1 year ago - Pushed at: almost 7 years ago - Stars: 2 - Forks: 0

sumight/class-tools

a library of utils class name

Language: CSS - Size: 25.4 KB - Last synced at: about 1 year ago - Pushed at: almost 8 years ago - Stars: 2 - Forks: 2

reactivepixels/recast

Build components once. Use everywhere.

Language: TypeScript - Size: 2.92 MB - Last synced at: 29 days ago - Pushed at: 30 days ago - Stars: 1 - Forks: 0

Leizhenpeng/classname-merge

Just cn function ! Merge class names using clsx and tailwind-merge

Language: TypeScript - Size: 74.2 KB - Last synced at: 7 days ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

mh-jsx/tw-classnames

A lightweight utility function that simplifies the process of merging Tailwind Classes

Language: JavaScript - Size: 11.7 KB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

wavevision/class-name

🖍 Create and format BEM class names for React components

Language: TypeScript - Size: 984 KB - Last synced at: 12 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

mridang/pearify 📦

Pearify converts PSR-4 Composer packages to PEAR compliant code.

Language: PHP - Size: 50.8 KB - Last synced at: 19 days ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 1

AbhiSingh58/Vaildation-Form

Form validation using Javascript

Language: JavaScript - Size: 6.84 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

askirmas/react-classnaming

Tools to establish CSS classes as an explicit abstraction layer and to handle it as an interface between React and CSSStyleDeclaration

Language: TypeScript - Size: 5.59 MB - Last synced at: 3 days ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

patheticGeek/react-native-rncn

Implementation of `className` and customizable UI components in React Native

Language: JavaScript - Size: 197 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

andymerskin/svelte-preprocess-clsx

A magic template transformer with CLSX and CSS Modules support for svelte-preprocess.

Size: 46.9 KB - Last synced at: almost 2 years ago - Pushed at: about 6 years ago - Stars: 1 - Forks: 0

d3dc/classier-react

Use stylesheets for styles, not Javascript

Language: JavaScript - Size: 93.8 KB - Last synced at: 18 days ago - Pushed at: over 6 years ago - Stars: 1 - Forks: 0

StickyCube/properclass

React className utility following BEM conventions

Language: JavaScript - Size: 63.5 KB - Last synced at: 1 day ago - Pushed at: about 7 years ago - Stars: 1 - Forks: 1

ryanve/cader

Facade your cascade.

Language: JavaScript - Size: 40 KB - Last synced at: 3 days ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 0

rbalicki2/bootstrap-class-props

Class props and wrapper for bootstrap utility classes

Language: JavaScript - Size: 84 KB - Last synced at: 12 months ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 0

Priya31Gupta/netflix-clone

Language: JavaScript - Size: 846 KB - Last synced at: about 22 hours ago - Pushed at: about 23 hours ago - Stars: 0 - Forks: 0

kirklin/cfuse

A utility for constructing className strings conditionally.

Language: TypeScript - Size: 194 KB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 0 - Forks: 0

odjs/classes

Classname management for @odjs/dom

Language: TypeScript - Size: 2.21 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 0 - Forks: 0

ambiere/next-clsx

Your styling woes is a thing of the past.

Language: JavaScript - Size: 25.4 KB - Last synced at: 21 days ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

yahiro07/jsxq

A jsx runtime wrapper utilizes a shorthand alias for className props.

Language: TypeScript - Size: 7.81 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Rubendvb/todo-app-main

Language: TypeScript - Size: 486 KB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

victor-lillo/classnames-creator

Concats CSS classnames, based on conditions

Language: TypeScript - Size: 8.79 KB - Last synced at: 13 days ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

Priya31Gupta/coffee-stores

Language: TypeScript - Size: 1.19 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

indy-dough/fcn

Blazingly ⚡️ fast and extremely tiny library for conditional concatenation of classname strings.

Language: TypeScript - Size: 82 KB - Last synced at: 12 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

maphel/classes

The @maphel/classnames package is a TypeScript utility for easily managing CSS class names in your JavaScript or TypeScript application

Language: TypeScript - Size: 1.33 MB - Last synced at: 9 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Rubendvb/ignite-lab-01-event-plataform

Language: TypeScript - Size: 1.52 MB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

3c1u/classes

Simple classname utility for whitespace sanitizing and conditional rendering.

Language: TypeScript - Size: 107 KB - Last synced at: 2 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

reactory/class-name

Manageable, toggleable, conditional CSS classes in React.

Language: TypeScript - Size: 2.29 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

SudoKMaar/formula-inator

Ah, Formula-inator, my latest and greatest creation! This web-based calculator application is built with React, so it's sure to be responsive and work well across different devices and screen sizes. And because it supports both light and dark modes, users can choose their preferred visual theme.

Language: JavaScript - Size: 197 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0