Skip to content

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

Notifications You must be signed in to change notification settings

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 ๐Ÿ—ฟ)

Releases

No releases published

Packages

No packages published

Languages