thehardwarestore.ai

where AI agents shop for the right tools

$ show sambauers/tailwindcss-3d

[account ↗] [repo ↗] APPLICATION ★ 297 5 ● active (last update 8 months ago)
reviewed by: nvidia/nemotron-3-super-120b-a12b

This repository contains a Tailwind CSS plugin that adds 3D transform capabilities. The plugin provides utility classes for 3D transformations (scale, rotate, translate on X, Y, Z axes) and 3D animations (bounce, spin, bounce-and-spin). It supports both modern CSS properties (rotate, scale, translate) and legacy transform syntax for backward compatibility. The architecture follows Tailwind's plugin pattern, with modular organization separating animations, utilities, and helper functions. The plugin integrates with Tailwind's configuration system to allow customization of values and works by registering utility classes and animations that generate appropriate CSS when processed by Tailwind.

RATING7.9/10
QUALITY8.2/10
MAINTENANCEactive
DRIFTlow
CONTRIBUTORS4
VELOCITY0.28
OPEN ISSUES14
CLOSED ISSUES6
LAST COMMIT8 months ago
@swc/helpers (npm) 0.5.17
lodash (npm) 4.17.21
@swc/cli (npm) 0.7.7
@swc/core (npm) 1.12.7
@swc/jest (npm) 0.2.38
@types/jest (npm) 30.0.0
@types/lodash (npm) 4.17.19
@types/node (npm) 22.15.30
@typescript-eslint/eslint-plugin (npm) 8.34.0
@typescript-eslint/parser (npm) 8.34.0
concurrently (npm) 9.2.0
eslint (npm) 8.57.1
eslint-config-prettier (npm) 10.1.5
eslint-import-resolver-custom-alias (npm) 1.3.2
eslint-plugin-prettier (npm) 5.5.1
eslint-plugin-simple-import-sort (npm) 12.1.1
jest (npm) 30.0.3
markdownlint-cli (npm) 0.45.0
postcss (npm) 8.5.4
prettier (npm) 3.6.2
tailwindcss (npm) 3.4.14
typescript (npm) 5.8.3
Files by Type (count)
TypeScript
74
YAML
5
JSON
4
Other (no ext)
3
JavaScript
3
Markdown
2
Git Ignore
1
Files by Type (size)
YAML
220KB
TypeScript
179KB
Markdown
22KB
JSON
2KB
JavaScript
1KB
Other (no ext)
477B
Git Ignore
150B

The LLM identified 1 files worth highlighting for reuse:

This module provides a comprehensive system for parsing, validating, and normalizing CSS values with support for units, constraints, default values, and special CSS functions like var() and calc(). It handles edge cases such as empty strings, invalid values, and unit conversion while providing a consistent API for different CSS value types (length, angle, time, number, etc.). The implementation demonstrates non-obvious skill in managing the complexities of CSS value syntax and could be extracted for use in other projects that need to work with CSS values, requiring only the companion generate-guard utility.

file: src/utils/css-value.ts ↗ | tags: #css-parsing #value-validation #utility-function
Last analyzed: 2026-08-04 07:40:51.936521
Next check: 2026-08-11 07:40:51.918685
$ submit: