Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with semantic-html

A curated list of projects in awesome lists tagged with semantic-html .

https://github.com/knadh/oat

Ultra-lightweight, zero dependency, semantic HTML, CSS, JS UI library. ~8KB min+gz.

component-library css css-framework dashboard-design semantic-html semantic-web ui-components ui-design web-ui web-ui-framework webcomponents

Last synced: 01 Apr 2026

https://github.com/beercss/beercss

Build material design interfaces in record time... without stress for devs... 🍺💛

class-light css design-system material material-3 material-design-3 material-you semantic-html

Last synced: 07 Jan 2026

https://github.com/speyll/sucss

A minimal and clean CSS Classless framework, designed to provide a lightweight and elegant foundation for web development. Keep your projects streamlined and stylish with a framework that doesn't suCC(S). 💼

css css-flexbox css-framework css-grids css3 design framework frontend html5 lightweight lightweight-css lightweight-framework minimalist-design semantic-html template templates website-design website-template

Last synced: 12 Apr 2025

https://github.com/Palm-Tree-CSS/palm-tree-css

🌴 Minimalist. Modern. Simple. 🌴 An open source CSS library.

classless-css palm-tree palm-tree-css semantic-html

Last synced: 20 Jul 2025

https://github.com/pablobona/portal-capstone-project

This is a final project where microverse students apply their knowledge and skills to develop a complete web application, demonstrating their technical ability, teamwork, and deployment capabilities in a real production environment.

boostrap css deployment javascript layout semantic-html

Last synced: 23 Apr 2025

https://github.com/ashleemboyer/egghead-accessible-nextjs-blog-course

This repository will hold the course example for the upcoming Build an Accessible Blog with Next.js and Semantic HTML course.

accessibility blog nextjs semantic-html static-site

Last synced: 20 Jul 2025

https://github.com/k9n-dev/eslint-plugin-prefer-implicit

Prefer implicit semantics over explicit ARIA and roles.

a11y accessibility aria eslint eslint-plugin html semantic-html

Last synced: 28 May 2026

https://github.com/simplenotsimpler/modern-javascript-dashboard

Sample themable JavaScript dashboard template that employs modern ES6, Bootstrap 4 and CSS grid. Uses color-blind friendly theme.

apexcharts bootstrap-4 bootstrap4 color-blind css-grid data-table es6-classes es6-javascript javascript json semantic-html themable vanilla-javascript

Last synced: 27 Oct 2025

https://github.com/newjerseystyle/ai-website-screenreader-navigation-tester

Proof of concept for an AI-powered system that uses a screen reader to assess the user experience (UX) of a website for users with visual impairments. The AI simulates human interaction, providing a report on achieved and failed goals, focusing on ease of use and accessibility.

ai-powered-accessibility semantic-html usability-testing ux-accessibility web-accessibility-automation

Last synced: 24 Jan 2026

https://github.com/altxriainc/kromacss

KromaCSS is a modern, lightweight CSS framework built for speed, simplicity, and adaptability. Utilizing the latest CSS features, KromaCSS empowers developers with a robust set of fully responsive, modular components that require no dependencies—just pure CSS and vanilla JavaScript.

accessibility adaptive-layout aria-support css-framework customizable-variables kromacss lightweight-css modern-css modular-components pure-css responsive-design semantic-html ui-components vanilla-javascript

Last synced: 06 Apr 2026

https://github.com/cholis04/clipboard-landing-page-master

This is my solution to the Clipboard Landing Page challenge on Frontend Mentor.

accessibility css css-custom-properties css-flex css-flexbox css3 flexbox flexbox-css mobile-first-workflow semantic-html

Last synced: 30 Jun 2026

https://github.com/oatsandsugar/books-for-indigo

A list of books I've read to my baby, experimenting with semantic HTML.

creative parenting reading-list semantic-html

Last synced: 16 May 2026

https://github.com/ahmedgamal2212/qr-code-component

This is a solution to the challenge "QR Code Component" from Frontend Mentor.

css css-flexbox html5 semantic-html

Last synced: 14 Mar 2025

https://github.com/hardik-mahajan20/the-little-tacos

The Little Tack Shop is a multi-page static website built using semantic HTML5 and CSS. The project focuses on clean structure, accessibility, and maintainable code, and includes a home page, menu, store hours, and contact form.

accessibility beginer-friendly css html portfolio-project responsive-website semantic-html static-website web-development

Last synced: 19 Jan 2026

https://github.com/richardcyrus/fm-testimonials-grid-section

This is a solution to the Testimonials grid section challenge on Frontend Mentor

css-custom-properties css-grid frontend-mentor html5 mobile-first semantic-html

Last synced: 27 Jan 2026

https://github.com/willie-conway/meta-frontend-capstone-project

🌟 Welcome to the 🍽️Little Lemon Reservation System! This modern 🌐web application enhances the reservation experience for the 🍋 Little Lemon restaurant, making it 👥user-friendly and responsive.

accessibility component-based-architecture cross-browser-compatibility css dynamic-rendering form-validation front-end-development html javascript mobile-friendly react reservation-system responsive-design restful-api semantic-html single-page-application state-management user-experience user-interface web-development

Last synced: 17 Apr 2026

https://github.com/nu-system/html-validator

Semantic HTML linter in just pure CSS way

html-lint html-validate html-validator semantic semantic-html

Last synced: 18 Apr 2026

https://github.com/nikopastore/agent-memory-site

Turn Markdown/Obsidian AI-agent memory vaults into semantic HTML dashboards, search indexes, and retrieval-ready JSONL chunks.

agent-memory ai-agent claude codex developer-tools jsonl knowledge-base llm local-first markdown obsidian privacy rag retrieval semantic-html static-site static-site-generator typescript

Last synced: 24 May 2026

https://github.com/mafsida/goit-markup-hw-02

This is the second assignment from the Full Stack Developer course at GoIT. In this module, I added CSS styling to the existing HTML structure, implemented font and color settings, and optimized images. The project demonstrates the basics of CSS integration.

css css-selectors frontend github-pages goit goit-markup-hw-01 google-fonts html image-optimization markup semantic-html studying web-design web-development

Last synced: 28 May 2026

https://github.com/ytasheva/learning-to-code-landing-page

Creating Landing webpage for a SEO Services by using HTML & CSS

css html-id semantic-html

Last synced: 18 Mar 2025

https://github.com/lukmanrambe/sekawan-restaurant

Restaurant Catalogue Website. Submission for "Menjadi Front-End Web Developer Expert" (https://www.dicoding.com/academies/219) Dicoding Class

accessibility codeceptjs css html jasmine javascript karma karma-jasmine progressive-web-app puppeteer pwa semantic-html webpack workbox

Last synced: 20 Jan 2026

https://github.com/egesiapres/weather-app

A weather app that shows different weather data according to the chosen location. It has been written using vanilla JavaScript

api-interaction browser-api css front-end-development git github-actions github-pages github-pages-deployment html javascript semantic-html weather-app web-development

Last synced: 12 Apr 2026

https://github.com/noeldemartin/laravel-semantic-seo

Provide utilities to add Semantic SEO to Laravel Applications

laravel semantic-html semantic-seo seo

Last synced: 12 Feb 2026

https://github.com/technikhil314/unsemantic

A collection of CSS rules to catch obvious semantic HTML mistakes.

css html semantic-html

Last synced: 06 Apr 2025

https://github.com/taracamary/axit-site

Responsive landing page built with React and SCSS, following BEM methodology. The layout is split into reusable components with clean, semantic HTML. The project uses react-scripts for build and development, focusing on modularity, code clarity, and consistent styling. No UI frameworks — just structured, scalable markup

accessibility bem-methodology clean-code component-architecture developer-tools frontend html5 portfolio reactjs responsive-layout scss semantic-html static-site web-development website

Last synced: 27 Apr 2026

https://github.com/yashi-singh-1/results-summary-component

Build a results summary component using only HTML and CSS. Ensure the interface adapts seamlessly to different screen sizes and provides clear hover states for interactive elements.

css css3 flexbox flexbox-css fronetenddevelopement frontend-development frontend-mentor html html5 html5css3 htmlcss responsive-design responsivedesign semantic-html semantichtml web-design web-development webdesign webdevelopemnt

Last synced: 24 Feb 2025

https://github.com/gabriel-dev-c/news-portal

Página Web estática focada no desenvolvimento utilizando CSS responsivo com conhecimentos que vão além do básico, combinado com HTML semântico.

css html news responsive semantic-html style website

Last synced: 13 Jun 2025

https://github.com/allancrabelo/notes360

Notas360 is a smart platform for schools and courses that automates grade calculations, applies custom weights, and generates performance reports. With a responsive and user-friendly interface, it streamlines academic management and improves student tracking.

a11y clean-code component-based-software-design css-transitions css3 dom-manipulation event-handling figma flexbox from-validation front-end grid-layout htlml5 javascript project-architecture responsive-design semantic-html ux-ui-design vanilla-javascript

Last synced: 30 Apr 2026

https://github.com/sinoroc/rst2sh5

Docutils writer outputting semantic HTML5

docutils html5 restructuredtext semantic-html

Last synced: 06 Oct 2025

https://github.com/andrewhamerly/code-refactor

A project to learn best practices for code refacting with semantic HTML5 and CSS3.

css css3 html html-css html5 html5-css3 semantic-html semantic-html5

Last synced: 01 May 2026

https://github.com/mafsida/goit-markup-hw-03

This is the third assignment from the Full Stack Developer course at GoIT. In this module, I applied Flexbox for layout, configured element geometry, margins, and paddings. The project demonstrates responsive and structured layout using CSS Flexbox

css development flexbox frontend geometry goit goit-markup-hw-02 html margins markup paddings responsive-design semantic-html styles web web-design

Last synced: 14 Jul 2025

https://github.com/ahmad-maartmesrini/social-media-dashboard

this project is a frontend mentor challenge

accessibility bem css3 flexbox grid gulp js sass semantic-html

Last synced: 05 May 2026

https://github.com/mynameiscarsten/react-stepstone

This project is a clone of the StepStone website, demonstrating proficiency in using TypeScript, Styled Components, React, Redux, and Semantic HTML. It serves as a showcase of web development skills and the ability to recreate a complex web application.

reactjs redux semantic-html styled-components typescript typescript-react

Last synced: 06 May 2026

https://github.com/richardzhang01/horiseon-code-refactor

My first ever repo and project. A refactor of given HTML and CSS code to make the HTML more semantic, and the CSS follow the DRY principle.

css dry html refactor semantic-html

Last synced: 15 May 2026

https://github.com/pawlovskiii/applab-website

The project was mainly about learning of usage of responsive web design (RWD). Within the mobile-first methodology. Secondly, I tried to improve my BEM skills around proper naming of the CSS classes.

bem-methodology responsive-web-design semantic-html

Last synced: 14 Feb 2026

https://github.com/samuel-amaro/intro-section-with-dropdown-navigation

Desafio de codificação Front-End, construir uma seção de introdução com navegação suspensa

acessibility bem-methodology css3 dom-manipulation flexbox-css grid-layout html5 javascript mobile-first normalize-css rwd-response semantic-html

Last synced: 16 Apr 2026

https://github.com/pawlovskiii/webscope-website

The project was mainly about learning of usage of proper semantic HTML tags. Secondly I tried to apply BEM methodology, which was game changer for writing clear, maintainable and reusable CSS code. Thirdly I focused on keeping CSS code in different modules in order to improve readability even more.

bem-methodology semantic-html

Last synced: 02 Mar 2026

https://github.com/misspee007/time_tracking_dashboard

This is a solution to the Time tracking dashboard challenge on Frontend Mentor

asynchronous-programming css-grid flexbox-css html-css-javascript mobile-first semantic-html

Last synced: 09 Jul 2025

https://github.com/kellenkjames/web-style-design

Practice web design skills by customizing a web page to create a personal profile. You'll modify the code for a basic web page by adding graphics, custom text, and a stylish design.

css github html image-optimization semantic-html

Last synced: 14 May 2026

https://github.com/slimcandy/slimcandy

A technical blog sharing insights on how to make $10k a month through coding, Github pet projects, semantic HTML, JS performance, CSS tricks, and showcases

coding css-tricks github javascript-performance semantic-html web-development

Last synced: 25 Apr 2026

https://github.com/yuridevat/search-a11y

Search application to fetch accessibility articles from resources you can rely on.

a11y accessibility accessibility-tools aria semantic-html wcag web webaccessibility

Last synced: 18 Aug 2025

https://github.com/yashi-singh-9/single-page-cv

Single Page CV is a responsive HTML/CSS template for creating a professional one-page resume. Ideal for frontend developers and designers, it offers a clean layout to showcase skills, education, experience, and online presence. The simple, customizable design adapts to any screen size, ensuring your information is presented effectively.

css frontend html layout roadmap-project semantic semantic-html seo

Last synced: 29 Jul 2025

https://github.com/mafsida/goit-markup-hw-05

This is the fifth assignment from the Full Stack Developer course at GoIT. In this module, I created and styled forms and modal windows, working with form elements, input types, and transitions. The project demonstrates advanced form handling and modal functionality

css forms frontend github-pages goit html input-types markup modal-forms modal-windows responsive-design semantic-html studying transitions web-design web-development

Last synced: 31 Jul 2025

https://github.com/maxralph1/blogysocial

BlogySocial is a SOCIAL MEDIA/BLOG application crafted in Django (python), vanilla JavaScript and Bootstrap 5.3

blog bootstrap5 css3 django djangotest python selenium semantic-html tests vanilla-javascript

Last synced: 09 Apr 2026

https://github.com/archihalder/fm-product-preview-card

Product Preview Card Component

css frontend-mentor semantic-html

Last synced: 19 Aug 2025