Skip to content

v2.3.3 - Dribbble-grade design engine

Choose a tag to compare

View all tags
@Kayforkind Kayforkind released this 25 Aug 22:21
· 35 commits to main since this release
v2.3.3
94585aa

Dribbble-grade design engine (all 14 tokens)

Every generator now sits on a polished shared shell: film grain, scroll-progress bar, tinted scrollbar, deduplicated @Property tokens, View Transitions.

Token upgrades:

  • Landing — animated hero art panel + keyword marquee
  • Dashboard — ambient glow, pulsing live dot, gradient-sheen cards, glowing sparklines
  • Editorial — magazine masthead, accent wash
  • Cinematic — ghost scene numerals, animated title rule
  • Artistic — aurora-light drift blur, word hover lift
  • Gradient — breathing aurora backdrop, keyword ticker, tilt hover
  • Photography — mosaic rhythm, caption lift (plate-in keyframes fixed)
  • Infographic — row-in entrance animation fixed (was referenced, never defined)
  • Motion — ghost step numerals, pulsing dots
  • Glass — hover lift + sheen sweep
  • Simulation — glowing active step, title rule
  • Showcase — icon hover scale/tilt
  • webpage — contents pills light up on hover

Data honesty

  • Bare digits no longer treated as facts; only unit-qualified numbers (142 ms, 27 users) survive
  • Infographic rows show only numbers occurring in their section text
  • Auto no longer triple-scores webpage or gifts dashboard for generic content

Case-study bundles

  • Each end-user example ships a CASE_STUDY.md (exact command, Auto rationale, score, fidelity %, alternatives, GIF proof)
  • docs/CASE_STUDIES.md index linked from README and the Pages landing page

Version notes

  • Version 2.3.3 across package, extension, plugin manifests, skill frontmatter, README badge/pin
  • npm publication is wired but skips until secrets.NPM_TOKEN is configured in the repository

🛒 GitHub Actions Marketplace

This release publishes the reimagine-it Design Health action to the GitHub Actions marketplace.

Quick start

- uses: Kayforkind/reimagine-it@v2.3.3
  with:
    path: "**/*.html"

What it checks

Category Checks
Typography Hierarchy levels, text measure, missing display fonts
Palette Off-palette accents, unstyled ::selection, >5 non-neutral colors
Motion Missing prefers-reduced-motion, missing :focus-visible, non-compositor animation
Content Blank plates, placeholder labels, fabricated content
Structure No hero SVG, missing landmarks, broken images
Performance Missing content-visibility, CLS risk, DOM depth

18 deterministic rules. No LLM. No API key.

Contributors

Property
Assets 2
Loading