An open API service indexing awesome lists of open source software.

https://github.com/tenphi/tenphi

GitHub Profile
https://github.com/tenphi/tenphi

Last synced: about 1 month ago
JSON representation

GitHub Profile

Awesome Lists containing this project

README

          

### Hey! 👋 I'm [Andrey](https://tenphi.me)

Frontend Developer & Principal UX/UI Engineer at [Cube Dev](https://cube.dev).
I build AI-ready, scalable design systems and UI components, and I'm the creator of **[Tasty](https://github.com/tenphi/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.

[![](https://komarev.com/ghpvc/?username=tenphi&color=blue&label=Profile%20Views)](https://github.com/tenphi)
[![](https://img.shields.io/github/followers/tenphi?label=GitHub%20Followers)](https://github.com/tenphi)

---

### 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](https://img.shields.io/npm/v/@tenphi/tasty?label=%20&color=cb3837)](https://www.npmjs.com/package/@tenphi/tasty) | **[@tenphi/tasty](https://github.com/tenphi/tasty)** | Core styling engine and DSL for React |
| [![npm](https://img.shields.io/npm/v/@tenphi/glaze?label=%20&color=cb3837)](https://www.npmjs.com/package/@tenphi/glaze) | **[@tenphi/glaze](https://github.com/tenphi/glaze)** | OKHSL color theme generator with WCAG contrast solving |
| [![npm](https://img.shields.io/npm/v/@tenphi/eslint-plugin-tasty?label=%20&color=cb3837)](https://www.npmjs.com/package/@tenphi/eslint-plugin-tasty) | **[@tenphi/eslint-plugin-tasty](https://github.com/tenphi/tasty-eslint-plugin)** | ESLint plugin for `tasty()` and `tastyStatic()` validation |
| | **[tasty-vscode-extension](https://github.com/tenphi/tasty-vscode-extension)** | VS Code syntax highlighting for Tasty DSL |
| | **[tasty.style](https://tasty.style)** | Documentation, live playground, and examples |

### Other Projects

- [tenphi.me](https://github.com/tenphi/tenphi.me) — My personal website. [tenphi.me →](https://tenphi.me)
- [More projects →](https://github.com/tenphi?tab=repositories)

Deprecated

- ~~[Numl.Design](https://github.com/numldesign/numl)~~ — Design System and UI Framework based on runtime CSS generation. Succeeded by Tasty.
- ~~[CSS Theme Generator](https://github.com/tenphi/css-theme-generator)~~ — CSS theme generator with dark scheme and high-contrast mode. Succeeded by Glaze.

---

### Portfolio

- [Numl.Design Website](https://numl.tenphi.me) — Landing, Storybook, Handbook, Documentation, REPL for Numl.Design project. **UI, UX, Frontend, Backend** / **Vue, Nuxt.js, Numl.Design**
- [Subtly.Media](https://subtly.media) — Smart subtitles for Netflix. **Idea, UI, UX, Frontend, Backend** / **React**
- [Sellerscale](https://sellerscale.com) — Smarter financial management for Amazon sellers. **UI, UX, Frontend** / **Vue, Numl.Design**
- [Sellerscale profitability calculator](https://chrome.google.com/webstore/detail/sellerscale-profitability/jfdcmkcpbmiddlfkbifgjfngdckbajfl) — 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](https://cubejs-uikit.vercel.app/) — UIKit for the old Cube Dev Landing. **UI, Frontend** / **React, Numl.Design**
- [Cube Cloud](https://cubecloud.dev) — Deploy, optimize and scale Cube.js applications. **UI, UX, Frontend** / **React, Cube Cloud UIKit, AntD**
- [Cube Cloud UIKit](https://main--626ee6db91d1c8004a912249.chromatic.com/) — UIKit for Cube Cloud. **UI, Frontend** / **React, React Aria, Tasty CSS generator**

---

### Connect

[![](https://img.shields.io/badge/X-%23000000.svg?&style=for-the-badge&logo=x&logoColor=white)](https://x.com/tenphi)
[![](https://img.shields.io/badge/linkedin-%230077B5.svg?&style=for-the-badge&logo=linkedin&logoColor=white&color=0077B5)](https://linkedin.com/in/tenphi/)

### GitHub Stats

![Stats](https://github-profile-summary-cards.vercel.app/api/cards/stats?username=tenphi&theme=github_dark)
![Contribution Graph](https://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=tenphi&theme=github_dark)