Skip to content

nousantx/fun-code-to-design

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Design Workspace ๐Ÿ—ฟ

About

Doesn't have spec for editing? let's use code to make some design instead. ๐Ÿ—ฟ ๐Ÿ—ฟ ๐Ÿ—ฟ

Stack

  • ReactJS (vite)
  • Typescript
  • TenoxUI for styles ๐Ÿ˜Ž

Feature ๐Ÿ—ฟ

  • In styling part :

    • Using classname for styles (utility-first css) with tenoxui
    • No generated css file.
    • Almost real time (i swear)
    • Easy to customize, adding re-usable styles, state styles, and more.
    • (flexing tenoxui ๐Ÿ˜Ž)
  • html2canvas for converting the design

  • Ready defined class name and components

More

  • Edit src/desgn/index.tsx for the design
  • Slug /workspace to download the image

Note: Not for production ๐Ÿ—ฟ (for what?)

(this is the real purpose of why tenoxui was created ๐Ÿ—ฟ)

About

Simple code to design workspace ๐Ÿ—ฟ๐Ÿ—ฟ๐Ÿ—ฟ.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages