ridiculous

ridiculous.turtlesocks.dev

Freemanifest served live

Ridiculously typed shadcn components. Template-literal validators, range-checked color literals, 6-mode oklch picker. shadcn add → done.

Items

2026-08-03Every entry in its own registry.json, counted last night.

Free to install

2026-08-03Item endpoints that returned source without credentials.

Behind a key

2026-08-03Item endpoints that answered 401.

Last push

1 month ago

0 stars. Both figures are GitHub's about this repository, not ones this index measured.

ridiculous.turtlesocks.dev TurtIeSocks/ridiculous registry.json This registry as JSON

Components

Search within

Freeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask

21 in this registry
Component	What the registry says it is	Kind	Access	Installs
All ridiculous componentsall	Bundle — installs color-picker, gradient-editor, unit-input, easing-picker, calc-editor, transform-builder, filter-builder, grid-builder, clip-path-editor, box-shadow-editor, transition-editor, font-editor, color-function, if-function, query-builder, anchor-position-editor, property-syntax-editor, shape-path-editor, keyframes-editor, and background-editor in one command.	Components	Free	no deps
Anchor Position Editoranchor-position-editor	Ridiculously typed editor for CSS anchor positioning (mode prop). The strict tier enforces the position-area cross-axis rule — a keyword pair must sit on two different axes of the same coordinate system. The hero is a clickable 3×3 placement grid with a live snap preview.	Components	Free	no deps · 9 files
Background Editorbackground-editor	Ridiculously typed editor for the CSS background shorthand. An index-aware fold permits a <color> token only on the final layer, so a color in any earlier layer is a compile error. A reorderable layer stack embeds the real gradient + color pickers over a live composite preview.	Components	Free	no deps · 9 files
Box Shadow Editorbox-shadow-editor	Ridiculously typed CSS box-shadow editor — a comma-separated list of shadow layers, each validated at compile time (2–4 lengths, at most one inset, an optional trailing color). Ships a live preview with a draggable light source and elevation scrubber.	Components	Free	no deps · 7 files
Calc Editorcalc-editor	Ridiculously typed CSS math editor for calc/clamp/min/max with compile-time dimensional analysis (length±length ✓, length±angle ✗, ÷ by non-number ✗). Ships a full runtime parser/evaluator and a fluid-type clamp() playground.	Components	Free	no deps · 4 files
Clip Path Editorclip-path-editor	Ridiculously typed CSS clip-path / shape-outside editor for a single <basic-shape> (inset / circle / ellipse / polygon) with an optional geometry-box keyword, validated by compile-time basic-shape dispatch through ParseFunction. Ships a tolerant runtime parser and a live preview with draggable polygon vertices.	Components	Free	no deps · 20 files
Color Functioncolor-function	Ridiculously typed editor for the modern CSS color functions — color-mix(), light-dark(), and relative color — each with its own compile-time grammar and per-space channel strictness. Reuses color-picker and ships a result-swatch preview.	Components	Free	no deps · 10 files
Color Pickercolor-picker	Ridiculously typed color picker with oklch L×C pad, hue/alpha strips, and 6-mode round-trip (oklch, oklab, hex, rgb, hsl, hwb).	Components	Free	no deps · 11 files
Easing Pickereasing-picker	Ridiculously typed CSS easing-function picker with a bezier canvas, spring/bounce/wiggle physics baked to linear(), and a polynomial preset gallery. Ships a 6-property animation preview and 3-format output (CSS / Tailwind v3 / v4).	Components	Free	no deps · 17 files
Filter Builderfilter-builder	Ridiculously typed CSS filter / backdrop-filter editor — a space-separated function list with compile-time per-function arity and dimension typing, plus a drop-shadow color validated against the color-picker ColorLiteral. Ships a tolerant runtime parser and a live preview with a filter ↔ backdrop-filter toggle.	Components	Free	no deps · 7 files
Font Editorfont-editor	Ridiculously typed CSS font-shorthand editor with a compile-time strict-order parse — an order-free style/variant/weight/stretch prefix, a mandatory <font-size>, optional / <line-height>, and a mandatory <font-family> list, or a system-font keyword. Ships the cssFont helper, parseFont/formatFont, and a live text preview rendered with the built font.	Components	Free	no deps · 4 files
Gradient Editorgradient-editor	Linear / radial / conic gradient editor with draggable stops, position picker, oklch-default interpolation, and reusable color-picker stops.	Components	Free	no deps · 4 files
Grid Buildergrid-builder	Ridiculously typed CSS grid-template editor for track lists and grid-template-areas across three modes, with TrackListLiteral validating the full track grammar and GridAreasLiteral checking quoting, equal column counts, and cell idents at the type level. Ships a live display:grid preview and a clickable areas painter.	Components	Free	no deps · 8 files
if() Conditional Valueif-function	Ridiculously typed editor for the CSS if() conditional value function. Validates the wrapper, splits branches, checks each condition kind (media/supports/style/else), and enforces else-last. Ships a popover branch-builder UI with a live preview.	Components	Free	no deps · 4 files
Keyframes Editorkeyframes-editor	Ridiculously typed editor for a CSS @keyframes body — the composition flagship. A two-level type validates each stop selector and dispatches every declaration into its property's own validator (transform, filter, color, easing, …). A timeline embeds the real editors per stop, with a scrubbed preview.	Components	Free	no deps · 8 files
@property Syntax Editorproperty-syntax-editor	Ridiculously typed editor for the CSS @property syntax: descriptor. The namesake types one CSS string with another — InitialValueLiteral<Syntax, V> checks an initial-value against the validated syntax, so cssProperty("<length>", "red") is a compile error. A chip builder sits beside a live green/red demo.	Components	Free	no deps · 7 files
Media / Container Query Builderquery-builder	Ridiculously typed editor for CSS media and container queries (mode prop). The strict tier validates the query skeleton, the no-mixing-and/or rule, and each feature's value dimension against a known feature table. Ships a live 'matches now?' indicator.	Components	Free	no deps · 8 files
Shape Path Editorshape-path-editor	Ridiculously typed editor for the CSS shape() function (clip-path / offset-path). The strict tier dispatches each command on its name (move/line/curve/arc/…), checking arity, direction, and every coordinate. Ships the registry's only Bézier-control-handle canvas with a live preview.	Components	Free	no deps · 8 files
Transform Buildertransform-builder	Ridiculously typed CSS transform editor — a space-separated function list with compile-time function-name dispatch (per-function arity and per-argument dimension typing: rotate wants an angle, translateX a length-%). Ships a tolerant runtime parser and a live 3D-preview card driven by the typed string.	Components	Free	no deps · 7 files
Transition + Animation Editortransition-editor	Ridiculously typed CSS transition + animation editor (mode prop) — a comma-separated layer list with per-kind token typing and cardinality caps. Live preview that actually animates, with an embedded easing picker and duration scrubber.	Components	Free	no deps · 7 files
Unit Inputunit-input	Ridiculously typed CSS-unit input with built-in deg/%/px/rem/em/vw/vh validators, pointer-locked drag scrubbing, and pluggable custom units.	Components	Free	no deps · 3 files

Utilities

Search within

1 in this registry
Component	What the registry says it is	Kind	Access	Installs	Command
Ridiculous Type Kitridiculous-type-kit	Shared template-literal type machinery powering every ridiculous component. Provides char/number primitives, CSS dimension validators (IsLength/IsAngle/IsTime/…), DimensionOf, and paren-aware parser combinators.	Utilities	Free	no deps · 4 files