{"id":13717547,"url":"https://github.com/omerimzali/uiterminal","last_synced_at":"2025-05-07T07:31:46.966Z","repository":{"id":197380456,"uuid":"174329511","full_name":"omerimzali/uiterminal","owner":"omerimzali","description":"Terminal Style CSS Framework","archived":false,"fork":false,"pushed_at":"2019-03-31T14:05:13.000Z","size":62,"stargazers_count":119,"open_issues_count":0,"forks_count":9,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-08-04T00:13:45.121Z","etag":null,"topics":["8bit","css","css-framework","scss","terminal","terminal-theme"],"latest_commit_sha":null,"homepage":"http://programlama.xyz/uiterminal","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/omerimzali.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2019-03-07T11:13:53.000Z","updated_at":"2024-06-11T15:51:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"60d244de-d8bf-45d6-b396-6b5d3c02e555","html_url":"https://github.com/omerimzali/uiterminal","commit_stats":null,"previous_names":["omerimzali/uiterminal"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omerimzali%2Fuiterminal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omerimzali%2Fuiterminal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omerimzali%2Fuiterminal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omerimzali%2Fuiterminal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omerimzali","download_url":"https://codeload.github.com/omerimzali/uiterminal/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224573505,"owners_count":17333804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["8bit","css","css-framework","scss","terminal","terminal-theme"],"created_at":"2024-08-03T00:01:23.841Z","updated_at":"2024-11-14T05:32:10.432Z","avatar_url":"https://github.com/omerimzali.png","language":"CSS","funding_links":[],"categories":["Frameworks / Resources"],"sub_categories":["U"],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"96\" src=\"https://github.com/omerimzali/uiterminal/blob/master/examples/images/uiterminal.png?raw=true\"\u003e\u003cbr\u003e\u003cbr\u003e\n \u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eUITerminal\u003c/h1\u003e\n\n*\u003cp align=\"center\"\u003eTerminal Style CSS Framework\u003c/p\u003e*\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg?style=flat\"/\u003e\n   \u003cimg src=\"https://img.shields.io/badge/CSS-Terminal-green.svg?style=flat\"/\u003e\n \u003c/p\u003e\n \n## Introduction\n\nUITerminal is an **Terminal Style CSS Framework**. \n\n## Install\n\nYou can get UITerminal with CDN.\n\n```html\n \u003chead\u003e\n        \u003clink href=\"https://cdn.jsdelivr.net/gh/omerimzali/uiterminal@master/uiterminal.min.css\"\u003e\n\u003c/head\u003e\n```\nOr You can clone it.\n```\ngit clone https://github.com/omerimzali/uiterminal.git\n```\n\n## Usage\nBefore start to use UITerminal, You should get 'Press Start 2P' to your workarea. \n\n```html\n    \u003chead\u003e\n        \u003clink href=\"https://fonts.googleapis.com/css?family=Press+Start+2P\" rel=\"stylesheet\"\u003e\n        \u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/gh/omerimzali/uiterminal@master/uiterminal.min.css\" \u003e\n   \u003c/head\u003e\n```\n## Elements\u0026Colors\u0026ETC\n1. uiterminal-full: It's a containter for other uiterminal elements.\n```\n\u003cdiv class='uiterminal-full'\u003e\n```\n\n2. uiterminal-line: It's basicly a line for any content\n\n```\n\u003cspan class='uiterminal-line'\u003e.uiterminal-line\u003c/span\u003e\n\u003cspan class='uiterminal-line is-centered'\u003e.is-centered\u003c/span\u003e\n\u003cspan class='uiterminal-line is-centered is-blinked'\u003e .is-blinked \u003c/span\u003e\n\u003cspan class='uiterminal-line is-centered is-empty'\u003e .is-empty\u003c/span\u003e\n```\n3. Colors\n```\n\u003cspan class='uiterminal-line uitext-primary'\u003e.uitext-primary\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-secondary'\u003e.uitext-secondary\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-success'\u003e.uitext-success\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-danger'\u003e.uitext-danger\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-warning'\u003e.uitext-warning\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-white'\u003e.uitext-white\u003c/span\u003e    \n\u003cspan class='uiterminal-line uitext-black '\u003e.uitext-black\u003c/span\u003e \n\u003cspan class='uiterminal-line uitext-white uibg-primary'\u003e.uibg-primary\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-white uibg-secondary'\u003e.uibg-secondary\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-white uibg-success'\u003e.uibg-success\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-white uibg-danger'\u003e.uibg-danger\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-white uibg-warning'\u003e.uibg-warning\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-black uibg-white'\u003e.uibg-white\u003c/span\u003e  \n\u003cspan class='uiterminal-line uitext-white uibg-black'\u003e.uibg-black\u003c/span\u003e  \n```\n4. Form Elements\n```\n\u003cspan class='uiterminal-line'\u003e .uiterminal-text: \u003cinput type='text' class='uiterminal-text' autofocus\u003e \u003c/span\u003e\n\u003cspan class='uiterminal-line'\u003e .fullline: \u003cinput type='text' class='uiterminal-text fullline' autofocus\u003e \u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n     \u003ctextarea class='uiterminal-textarea' autofocus\u003e \u003c/textarea\u003e\n\u003c/span\u003e\n```\n5. Buttons\n```\n    \u003cbutton class='uiterminal-button '\u003eButton\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-primary'\u003eprimary\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-secondary'\u003esecondary\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-success'\u003esucces\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-danger'\u003edanger\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-warning'\u003ewarning\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-black uibg-white'\u003ewhite\u003c/button\u003e\n    \u003cbutton class='uiterminal-button uitext-white uibg-black '\u003eblack\u003c/button\u003e\n```\n6. Badges\n```\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-primary\"\u003ePrimary\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-secondary\"\u003eSecondary\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-success\"\u003eSuccess\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-danger\"\u003eDanger\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-warning\"\u003eWarning\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-black uibg-white\"\u003eWhite\u003c/a\u003e\n    \u003ca href=\"#\" class=\"uiterminal-badge uitext-white uibg-black\"\u003eBlack\u003c/a\u003e\n```\n\n7. Progress\n```\n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-primary\" max=\"100\" value=\"90\"\u003e\u003c/progress\u003e\n\u003c/span\u003e \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-secondary\" max=\"100\" value=\"80\"\u003e\u003c/progress\u003e\n\u003c/span\u003e \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-success\" max=\"100\" value=\"70\"\u003e\u003c/progress\u003e\n\u003c/span\u003e \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-danger\" max=\"100\" value=\"60\"\u003e\u003c/progress\u003e\n\u003c/span\u003e  \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-warning\" max=\"100\" value=\"50\"\u003e\u003c/progress\u003e\n\u003c/span\u003e  \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-white\" max=\"100\" value=\"40\"\u003e\u003c/progress\u003e\n\u003c/span\u003e  \n\u003cspan class='uiterminal-line is-full is-empty'\u003e\n    \u003cprogress class=\"uiterminal-progress progress-black\" max=\"100\" value=\"30\"\u003e\u003c/progress\u003e\n\u003c/span\u003e  \n```\n8.Tables\n```\n\u003cspan class=\"ui-terminal-line\"\u003e\n        \u003ctable class=\"uiterminal-table \"\u003e\n        ..\n        \u003c/table\u003e\n\u003c/span\u003e\n```\n9. Images: \n```\n\u003cimg src=\"images/manjaro.png\" class=\"uiterminal-image\"\u003e\n\u003cimg src=\"images/fedora.png\" class=\"uiterminal-image is-blurred\"\u003e\n\u003cimg src=\"images/arch.png\" class=\"uiterminal-image is-ghost\"\u003e\n```\n10. Headings\n```\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch1\u003eh1. UITERMINAL\u003c/h1\u003e\n\u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch2\u003eh2. UITERMINAL\u003c/h2\u003e\n\u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch3\u003eh3. UITERMINAL\u003c/h3\u003e\n\u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch4\u003eh4. UITERMINAL\u003c/h4\u003e\n\u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch5\u003eh5. UITERMINAL\u003c/h5\u003e\n\u003c/span\u003e\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003ch6\u003eh6. UITERMINAL\u003c/h6\u003e\n\u003c/span\u003e\n```\n11. Lists\n```\n\u003cspan class='uiterminal-line is-empty'\u003e\n    \u003cul\u003e\n        \u003cli\u003eLorem ipsum dolor sit amet\u003c/li\u003e\n        \u003cli\u003eConsectetur adipiscing elit\u003c/li\u003e\n        \u003cli\u003eInteger molestie lorem at massa\u003c/li\u003e\n        \u003cli\u003eFacilisis in pretium nisl aliquet\u003c/li\u003e\n        \u003cli\u003eNulla volutpat aliquam velit\n          \u003cul\u003e\n            \u003cli\u003ePhasellus iaculis neque\u003c/li\u003e\n            \u003cli\u003ePurus sodales ultricies\u003c/li\u003e\n            \u003cli\u003eVestibulum laoreet porttitor sem\u003c/li\u003e\n            \u003cli\u003eAc tristique libero volutpat at\u003c/li\u003e\n          \u003c/ul\u003e\n        \u003c/li\u003e\n        \u003cli\u003eFaucibus porta lacus fringilla vel\u003c/li\u003e\n        \u003cli\u003eAenean sit amet erat nunc\u003c/li\u003e\n        \u003cli\u003eEget porttitor lorem\u003c/li\u003e\n    \u003c/ul\u003e\n\u003c/span\u003e\n```\n## Browser Support\nUITerminal tested on following browsers.\n* Chrome\n* Firefox\n* Safari\n* Opera\n\n## Development\u0026Contributions\n\n[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/omerimzali/uiterminal)\n\nYou can fork the project and enter this commands in your terminal.\n\n```sh\ngit clone https://github.com/YOUR_GITHUB_USERNAME/uiterminal.git\ncd uiterminal\n\n```\n\n## Thanks \n UITerminal Inspired by NES.CSS, I have to thank to [BcRicco](https://github.com/BcRikko)\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomerimzali%2Fuiterminal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomerimzali%2Fuiterminal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomerimzali%2Fuiterminal/lists"}