Skip to content
View tenphi's full-sized avatar
💭
Try Numl.Design
💭
Try Numl.Design
106 followers · 65 following

Achievements

Achievement: Pair Extraordinairex3Achievement: QuickdrawAchievement: Pull Sharkx4Achievement: YOLOAchievement: Starstruckx2Achievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair Extraordinairex3Achievement: QuickdrawAchievement: Pull Sharkx4Achievement: YOLOAchievement: Starstruckx2Achievement: Arctic Code Vault Contributor

Highlights

  • Pro

Organizations

@MoscowJS @cubedevinc @cube-js

Block or report tenphi

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
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 Core styling engine and DSL for React
npm @tenphi/glaze OKHSL color theme generator with WCAG 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

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

Popular repositories Loading

  1. angular-bem angular-bem Public

    A set of directives to simplify your workflow with BEM-markup in Angular applications.

    TypeScript 60 20

  2. angular-express-webpack-boilerplate angular-express-webpack-boilerplate Public

    Boilerplate for express+angular app with webpack builder

    JavaScript 30 16

  3. jcss jcss Public

    Handy CSS Generation uses Javascript

    JavaScript 15 1

  4. sm-parser sm-parser Public

    Parser for Stepmania *.sm files (in development)

    JavaScript 8 2

  5. tasty tasty Public

    Design-system styling engine and DSL that generates conflict-free CSS using mutually exclusive selectors, with runtime or static extraction.

    TypeScript 8

  6. jml jml Public

    Data-driven content generation library

    JavaScript 4 1