Text-based user interface CSS library

Last update: Jan 2, 2023

Overview

TuiCss

Text-based user interface CSS library
-- Documentation --

About

TuiCss is a library focused to create web applications using an interface based on ASCII table, like the old MS-DOS applications. This kind of interface is very eligible because the ultra-contrast colors used and because the reduced effects used on the components in the view. The base of this project is Turbo Vision Framework, but some other frameworks were checked also to introduce some features to TuiCss, like curses, ncurses, Newt, etc. Check the examples page in the wiki to stay on top of some creations, or check the getting started page to start use this library!

Getting Started

To start to use the TuiCss in your project, you can just download the repository content and import the files that are in the dist folder with the html directives. On the other hand, you can install the package with NPM using the following command:

$ npm install tuicss

For more details, visit the Getting Started Page in the respoitory wiki.

Documentation

Check the repository wiki to access the documentation, components index, examples, styles, or to know how to contribute for this project.

Comments

Feature request: User pages in Wiki

Hello and nice project!

I would suggest to add page on wiki where people using your UI can let their page address. It would be nice also for beginners to see real pages with the code. Of course, it must have a big advice that these pages are not supported/endorsed by TuiCss owner.

Thanks, Rui.
enhancement

opened by deleterium 5
Desculpa abrir uma issue fora do escopo do projeto, mas estou curioso

@vinibiavatti1 tudo bem? Eu devo estar quebrando alguma regra de contribuição do repositório ao abrir essa issue, mas fiquei muito curioso com algo.

Eu acabei de fazer essa publicação no TabNews sobre Frameworks CSS e listei este seu framework. Para ilustrar a publicação, usei a foto que está no README, mas só agora percebi que os dados preenchidos ali são Blumenau, Santa Catarina... você é de Blumenau? Eu também sou 😍

opened by filipedeschamps 2
Navbar links not working on mobile

Firstly - thank you for developing this great library! Really love the styling. I have a question about the navbar links - all works perfectly on desktop, and even when testing with developer tools to see the responsive layout. However, when I test the live site from my phone, the nav links do not work when clicked?

If you want to test - you may log in to: https://www.retro-apps.online/

Username: [email protected] Password: test12345

Thank you.

opened by otrsw 2
Bump copy-props from 2.0.4 to 2.0.5
Bumps copy-props from 2.0.4 to 2.0.5.

Release notes

Sourced from copy-props's releases.

2.0.5

Fix

Avoids prototype pollution (#7)

Doc

Update license years.

Transfer ownership to Gulp Team (#6)

Build

Update dependencies: each-props (>=1.3.2), is-plain-object (>=5.0.0).

Test

Expand test versions to v11〜v14.

Changelog

Sourced from copy-props's changelog.

Changelog

3.0.1 (2021-10-31)

Bug Fixes

ci: Rename prettierignore typo & avoid formatting web (192badf)

Update dependencies (ba8a51c)

3.0.0 (2021-09-25)

⚠ BREAKING CHANGES

Normalize repository, dropping node <10.13 support (#8)

Miscellaneous Chores

Normalize repository, dropping node <10.13 support (#8) (85b1165)

Commits

40b7974 2.0.5

2c738f5 Fix: Avoids prototype pollution (#7)

4cac863 Merge: Transfer ownership to Gulp Team (#6)

54a791d Doc: Transfer ownership to Gulp Team

196fc9e Merge: Update dependencies and expand ci test versions (#5)

e89907f Test: Update npm to v4 when nodejs is v5 because of npm install error.

e970322 Test: Run coveralls when nodejs >= 6 because of its supports

063e534 Test: Add nodejs v11-v14 into ci test versions

72270af Doc: Update license years

f60b928 Build: Update versions of dependencies

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
Proposal of showcase project - Stellar Duel

Showcase proposal template Note: "*" fields are mandatory.

Project Name: The name of the project that will be used as title of the section of the showcase.

Project Name *: Stellar Duel

Project Description: The description of the project that will be used as a paragraph after the title of the showcase.

Project Description *: The game is a smart contracts on Signum blockchain. Players can choose a fleet and fight each others. The web page connects the players and the smart contract, making transactions much easier.

Project Author: The author of the project that will be informed after the project description. (Keep if blank to don't show the author)

Project Author: Rui Deleterium

Project Links: Links to access the project showcase. These links will be shown after project description.

Project Links: https://stellarduel.space/

Project Images: Images of the project (can be the images with legends, or the links to it).

Project Images *: https://user-images.githubusercontent.com/54009773/170266796-5aa8c548-5403-4a93-b98e-a1e8c8a1b185.png https://user-images.githubusercontent.com/54009773/170266813-91f8e119-509e-4669-a1f6-7a0a34821d97.png https://user-images.githubusercontent.com/54009773/170266826-ca15d811-1f99-40d8-97af-8589ab8722cb.png

Additional Information: Other relevant information.

Additional Information: TuiCSS was a great fit for this project that aimed to be a very simple game to remember the beginning of multiplayer games on the internet during the late 80's.

Feedback: If you want to give a feedback to the project, or a suggestion, please, enjoy this field!

Feedback: Some measures are different when rendering is on mobile or desktop. I tweaked some to be always in 'ch' units. Probably changing most of them to 'ch' would make the design consistent between mobile and desktop.
showcase

opened by deleterium 1
Media queries not imported to tuicss.scss

The media queries for devices are not imported to tuicss. the build file does not have the classes to control the visibility of elements in different screen sizes.
bug

opened by vinibiavatti1 1
Removed memory leak due to setInterval in js.

I've recently noticed a memory leak in the site with this library, after some investigation I found the place --- it was setInterval function.

You could try inserting console.log('test'); after const interval = setInterval(() => { line, it will print infinite number of messages.
bug

opened by trokhymchuk 1
Bump hosted-git-info from 2.8.4 to 2.8.9
Bumps hosted-git-info from 2.8.4 to 2.8.9.

Changelog

Sourced from hosted-git-info's changelog.

2.8.9 (2021-04-07)

Bug Fixes

backport regex fix from #76 (29adfe5), closes #84

2.8.8 (2020-02-29)

Bug Fixes

#61 & #65 addressing issues w/ url.URL implmentation which regressed node 6 support (5038b18), closes #66

2.8.7 (2020-02-26)

Bug Fixes

Do not attempt to use url.URL when unavailable (2d0bb66), closes #61 #62

Do not pass scp-style URLs to the WhatWG url.URL (f2cdfcf), closes #60

2.8.6 (2020-02-25)

2.8.5 (2019-10-07)

Bug Fixes

updated pathmatch for gitlab (e8325b5), closes #51

updated pathmatch for gitlab (ffe056f)

Commits

8d4b369 chore(release): 2.8.9

29adfe5 fix: backport regex fix from #76

afeaefd chore(release): 2.8.8

5038b18 fix: #61 & #65 addressing issues w/ url.URL implmentation which regressed nod...

7440afa chore(release): 2.8.7

2d0bb66 fix: Do not attempt to use url.URL when unavailable

f2cdfcf fix: Do not pass scp-style URLs to the WhatWG url.URL

e1b83df chore(release): 2.8.6

ff259a6 Ensure passwords in hosted Git URLs are correctly escaped

624fd6f chore(release): 2.8.5

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by nlf, a new releaser for hosted-git-info since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 1
[Feature] Graphs

Bar graphs would be nice addition. See https://css-tricks.com/making-charts-with-css/ | https://meyerweb.com/eric/css/edge/bargraph/demo-table.html for an example.
enhancement

opened by ellisgl 1
Grammar in readme
eligible -> legible; mistaken word

checked also -> also checked; natural flow (optional)

use -> using; gerund form, since it follows 'start'

the TuiCss -> TuiCss; unnecessary article (optional)

On the other hand -> Alternatively; you are not comparing contrasting viewpoints

contribute for -> contribute to; Not a mistake, since there is a list of things for this project, but we don't say 'contribute for' (optional)
opened by q00u 0
Bump path-parse from 1.0.6 to 1.0.7
Bumps path-parse from 1.0.6 to 1.0.7.

Commits

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps decode-uri-component from 0.2.0 to 0.2.2.

Release notes

Sourced from decode-uri-component's releases.

v0.2.2

Prevent overwriting previously decoded tokens 980e0bf

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.1...v0.2.2

v0.2.1

Switch to GitHub workflows 76abc93

Fix issue where decode throws - fixes #6 746ca5d

Update license (#1) 486d7e2

Tidelift tasks a650457

Meta tweaks 66e1c28

https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.1

Commits

a0eea46 0.2.2

980e0bf Prevent overwriting previously decoded tokens

3c8a373 0.2.1

76abc93 Switch to GitHub workflows

746ca5d Fix issue where decode throws - fixes #6

486d7e2 Update license (#1)

a650457 Tidelift tasks

66e1c28 Meta tweaks

See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Bump minimist and mkdirp
Bumps minimist and mkdirp. These dependencies needed to be updated together. Updates minimist from 1.2.0 to 1.2.7

Changelog

Sourced from minimist's changelog.

v1.2.7 - 2022-10-10

Commits

[meta] add auto-changelog 0ebf4eb

[actions] add reusable workflows e115b63

[eslint] add eslint; rules to enable later are warnings f58745b

[Dev Deps] switch from covert to nyc ab03356

[readme] rename and add badges 236f4a0

[meta] create FUNDING.yml; add funding in package.json 783a49b

[meta] use npmignore to autogenerate an npmignore file f81ece6

Only apps should have lockfiles 56cad44

[Dev Deps] update covert, tape; remove unnecessary tap 49c5f9f

[Tests] add aud in posttest 228ae93

[meta] add safe-publish-latest 01fc23f

[meta] update repo URLs 6b164c7

v1.2.6 - 2022-03-21

Commits

test from prototype pollution PR bc8ecee

isConstructorOrProto adapted from PR c2b9819

security notice for additional prototype pollution issue ef88b93

v1.2.5 - 2020-03-12

v1.2.4 - 2020-03-11

Commits

security notice 4cf1354

additional test for constructor prototype pollution 1043d21

v1.2.3 - 2020-03-10

Commits

more failing proto pollution tests 13c01a5

even more aggressive checks for protocol pollution 38a4d1c

v1.2.2 - 2020-03-10

Commits

failing test for protocol pollution 0efed03

cleanup 67d3722

console.dir -> console.log 47acf72

don't assign onto proto 63e7ed0

... (truncated)

Commits

c590d75 v1.2.7

0ebf4eb [meta] add auto-changelog

e115b63 [actions] add reusable workflows

01fc23f [meta] add safe-publish-latest

f58745b [eslint] add eslint; rules to enable later are warnings

228ae93 [Tests] add aud in posttest

236f4a0 [readme] rename and add badges

ab03356 [Dev Deps] switch from covert to nyc

49c5f9f [Dev Deps] update covert, tape; remove unnecessary tap

783a49b [meta] create FUNDING.yml; add funding in package.json

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by ljharb, a new releaser for minimist since your current version.

Updates mkdirp from 0.5.1 to 0.5.6

Commits

92f086d 0.5.6

2a28125 clean up tests

c905d65 update minimist

049cf18 0.5.5

bea6382 Remove unnecessary umask calls

42a012c 0.5.4

2867920 fix infinite loop on windows machines

d784e70 0.5.3

d612c5d add files list so this package isn't a monster

b2e7ba0 0.5.2

Additional commits viewable in compare view

Maintainer changes

This version was pushed to npm by isaacs, a new releaser for mkdirp since your current version.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 0
Measures between different viewport sizes

Some measures are different when rendering is on mobile or desktop. I tweaked some to be always in 'ch' units. Probably changing most of them to 'ch' would make the design consistent between mobile and desktop.

Credits: https://github.com/deleterium
enhancement

opened by vinibiavatti1 0

Releases(2.1.1)

2.1.1(Oct 5, 2021)
Bugs

Fixed memory leak due to setinterval for clocks: https://github.com/vinibiavatti1/TuiCss/pull/29

Imported media queries classes to tuicss.scss: https://github.com/vinibiavatti1/TuiCss/issues/30

Examples

Created the mobile example

Source code(tar.gz)
Source code(zip)
2.1.0(Jun 4, 2021)
TuiCss 2.1.0

.disabled classes

Fixed the default radius border of inputs

Removed pointer events of checkbox and radio button

Tabs and buttons example pages

Remove padding of inputs

.no-border util

Forecast example

Source code(tar.gz)
Source code(zip)
v2.0.1(Dec 31, 2020)
2.0.1

Jquery removed (Now use vanilla Javascript)

Chart example page

Readme update

Changelog markdown

Chart component

NPM Package

Source code(tar.gz)
Source code(zip)
v1.0.0(Sep 17, 2019)

This is the first real version of TuiCss.
Source code(tar.gz)
Source code(zip)
v0.0.1-alpha(Sep 5, 2019)

This is the alpha version of the TuiCss.
Source code(tar.gz)
Source code(zip)