teletype-ui

UI Component Library

Why ?

I started building this UI component library to design my future website. Thank's to the experience earned at net7 building websites and services, I applied all I learned in this UI component library.

The aesthetic is inspired by classic computer science tools, using monospace fonts and clean blue accents, making it a great fit for a developer portfolio or technical project showcase. Custom animations give the components a distinct feel so they don't look like generic templates.

Building this toolkit now saves me time when setting up future projects, including my own portfolio.

Showcase

Each and every components and tokens from the UI library.

Layouts

Flex Layout

Scroll Layout

Details

test
A detail component
test
Unfolded
test
Unfolded
A customed summary 99+
Hello there !

Buttons

Back

Badges

badge
badge
badge
badge
GitHub
github

Frames

This is a Frame

It is used to make Cards
This is a Frame It is used to make Cards
Python
Frame can have outline
Frame can have outline and be transparent
Frame can have outline and be transparent
Frame can have outline and be transparent
Frame can have effects on hover
Frame can have effects on hover
Frame can have effects on hover

Skeletons

About-me ?

Background

I’m a 2nd-year Computer Science student at ENSEEIHT (Toulouse, France) in the Digital Sciences program (Applied Mathematics and Computer Science), specializing in software engineering. My coursework spans software engineering, concurrency, optimization, formal methods, deep learning, and compilers, giving me a strong foundation in both theoretical and applied CS.

Currently Treasurer of the ENSEEIHT computer science club called net7, I am not only managing the club's financial health but also actively building and maintaining core campus infrastructure. From developing Churros (our student booking platform) to crafting integration websites, handling DevOps pipelines, and managing our internal servers and services.

PP