Skip to content
View tenphi's full-sized avatar
πŸ’­
Try tasty.style
πŸ’­
Try tasty.style

Highlights

  • Pro

Organizations

@MoscowJS @cubedevinc @cube-js

Block or report tenphi

Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
tenphi/README.md

Hey! πŸ‘‹ I'm Andrey

Frontend Developer & Principal UX/UI Engineer at Cube Dev. I build AI-ready, scalable design systems and UI components, and I'm the creator of Tasty, a design-system-integrated styling system and DSL for concise, state-aware UI styling.

Based in Amsterdam, the Netherlands. Photography and music outside of work.


Tasty Ecosystem

A CSS-in-JS styling system and DSL for React β€” declarative, state-aware styling with design token integration, sub-element styling, and optional zero-runtime extraction via Babel.

Project Description
npm @tenphi/tasty Deterministic styling for stateful component systems
npm @tenphi/glaze OKHST color theme generator with WCAG/APCA contrast solving
npm @tenphi/eslint-plugin-tasty ESLint plugin for tasty() and tastyStatic() validation
tasty-vscode-extension VS Code syntax highlighting for Tasty DSL
tasty.style Documentation, live playground, and examples
OKHST A Contrast-Shaped Tone Space for OKHSL

Other Projects

Deprecated
  • Numl.Design β€” Design System and UI Framework based on runtime CSS generation. Succeeded by Tasty.
  • CSS Theme Generator β€” CSS theme generator with dark scheme and high-contrast mode. Succeeded by Glaze.

Portfolio

  • Numl.Design Website β€” Landing, Storybook, Handbook, Documentation, REPL for Numl.Design project. UI, UX, Frontend, Backend / Vue, Nuxt.js, Numl.Design
  • Subtly.Media β€” Smart subtitles for Netflix. Idea, UI, UX, Frontend, Backend / React
  • Sellerscale β€” Smarter financial management for Amazon sellers. UI, UX, Frontend / Vue, Numl.Design
  • Sellerscale profitability calculator β€” Chrome extension. Profitability calculator for Amazon sellers. UI, UX, Frontend / Svelte, Numl.Design
  • Cube Dev Landing β€” The old version of landing for Cube Dev company. UI/Frontend / React, Next.js, Numl.Design, Cube Dev Landing UIKit
  • Cube Dev Landing UIKit β€” UIKit for the old Cube Dev Landing. UI, Frontend / React, Numl.Design
  • Cube Cloud β€” Deploy, optimize and scale Cube.js applications. UI, UX, Frontend / React, Cube Cloud UIKit, AntD
  • Cube Cloud UIKit β€” UIKit for Cube Cloud. UI, Frontend / React, React Aria, Tasty CSS generator

Connect

GitHub Stats

Stats Contribution Graph

Pinned Loading

  1. tasty tasty Public

    A deterministic styling engine for stateful component systems.

    TypeScript 34 1

  2. glaze glaze Public

    OKHST-based accessible color palette generator with support for dark and high-contrast themes.

    TypeScript 6

  3. cube-js/cube-ui-kit cube-js/cube-ui-kit Public

    UI Framework for Cube Projects. Based on React Aria and tasty style engine.

    TypeScript 42 8