{"id":21771827,"url":"https://github.com/huyhoang-doit/ui_features","last_synced_at":"2025-10-07T21:32:37.848Z","repository":{"id":227512502,"uuid":"771637087","full_name":"huyhoang-doit/UI_features","owner":"huyhoang-doit","description":"🎨 These are the products I made during the process of learning and practicing HTML/CSS/JS","archived":false,"fork":false,"pushed_at":"2024-03-29T15:52:51.000Z","size":71120,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-26T14:18:21.511Z","etag":null,"topics":["css3","front-end","html5","javascript","library","user-interface"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/huyhoang-doit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-03-13T17:03:55.000Z","updated_at":"2024-07-05T16:10:56.000Z","dependencies_parsed_at":"2024-03-26T07:35:26.715Z","dependency_job_id":null,"html_url":"https://github.com/huyhoang-doit/UI_features","commit_stats":null,"previous_names":["huyhoang-doit/ui_features"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huyhoang-doit%2FUI_features","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huyhoang-doit%2FUI_features/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huyhoang-doit%2FUI_features/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/huyhoang-doit%2FUI_features/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/huyhoang-doit","download_url":"https://codeload.github.com/huyhoang-doit/UI_features/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":235659871,"owners_count":19025311,"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":["css3","front-end","html5","javascript","library","user-interface"],"created_at":"2024-11-26T14:18:38.395Z","updated_at":"2025-10-07T21:32:27.839Z","avatar_url":"https://github.com/huyhoang-doit.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :raising_hand: User interface library created with HTML/CSS/JS\n\n---\n\n## ⭐ :star: Description\n\nThese are the products I made during the process of learning and practicing front end\n\n---\n\n## :wrench: Build with\n\n\u003cimg src=\"https://img.shields.io/badge/html5%20-%23E34F26.svg?\u0026style=for-the-badge\u0026logo=html5\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/css3%20-%231572B6.svg?\u0026style=for-the-badge\u0026logo=css3\u0026logoColor=white\"/\u003e \u003cimg src=\"https://img.shields.io/badge/javascript%20-%23323330.svg?\u0026style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E\"/\u003e\n\n---\n\n## :globe_with_meridians: Link demo\n\n:point_right:[001_BlackPink_page](https://huyhoang-doit.github.io/blackpink_page/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/001-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/001-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n:point_right:[002_Electronics_web](https://huyhoang-doit.github.io/electronics_web/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/002-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/002-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[003_MusicPlayer](https://huyhoang-doit.github.io/Music_player/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/003-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/003-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[004_TodoList](https://huyhoang-doit.github.io/TodoList_using_JavaScript/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/004-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/004-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[005_Toast_message](https://huyhoang-doit.github.io/Toast_message/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/005-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/005-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[006_Validation_form](https://huyhoang-doit.github.io/Validation_form_js/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/006-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/006-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[007_Tab_UI](https://huyhoang-doit.github.io/Tabs_UI/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/007-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/007-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[008_Product_card](https://huyhoang-doit.github.io/Product_card/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/008-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/008-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[009_Profile_card](https://huyhoang-doit.github.io/Profile_card/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/009-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/009-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[010_Simple_search_box](https://huyhoang-doit.github.io/Simple_search_box/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/010-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/010-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[011_Simple_modal](https://huyhoang-doit.github.io/Modal_show/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/011-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/011-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[012_Image_gallery](https://huyhoang-doit.github.io/Image_gallery/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/012-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/012-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[013_Detect_pressed_key](https://huyhoang-doit.github.io/Detect_pressed_key/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/013-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/013-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[014_Search_tags](https://huyhoang-doit.github.io/Search_tags/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/014-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/014-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[015_Validate_form](https://huyhoang-doit.github.io/Validation_form_simple/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/015-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/015-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[016_Weather_app](https://huyhoang-doit.github.io/Weather_app/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/016-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/016-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n\n:point_right:[017_Slide_show](https://huyhoang-doit.github.io/Slide_show_simple/)\u003cbr\u003e\n\u003cimg src=\"./ScreenShot/017-1.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cimg src=\"./ScreenShot/017-2.png\" style=\"border-radius:2%\" width=\"49%\" height=\"49%\" /\u003e\u0026nbsp;\n\u003cbr\u003e\n\u003cbr\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuyhoang-doit%2Fui_features","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhuyhoang-doit%2Fui_features","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhuyhoang-doit%2Fui_features/lists"}