Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with web-design

A curated list of projects in awesome lists tagged with web-design .

https://github.com/ly525/luban-h5

[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.

ant-design design-tool editor h5 mobile-page-maker page-builder page-editor page-generator page-maker strapi vue vuejs vuejs2 web-design web-design-framework webflow

Last synced: 14 May 2025

https://github.com/brick-design/brick-design

低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态

drag-and-drop h5-editor html-builder low-code lowcode no-code nocode page-builder page-editor react site-builder site-generator typescript web-builder web-design web-editor

Last synced: 14 May 2025

https://github.com/ascoders/gaea-editor

Design websites in your browser. A smart web editor!

editor web-design web-editor

Last synced: 16 May 2025

https://github.com/propjockey/augmented-ui

Cyberpunk-inspired web UI made easy. Get augmented.

cyberpunk sci-fi-gui stylesheets web-design

Last synced: 15 May 2025

https://github.com/KeenRivals/bestmotherfucking.website

The Best Motherfucking Website

web-design web-development website

Last synced: 06 Apr 2025

https://github.com/justinhartman/ui-ux-design-library

A collection of free eBooks and PDFs related to UI, UX and Interaction Design.

books ebooks interaction-design library-free mobile-design ui-design usability-testing ux-design web-design

Last synced: 02 Jul 2025

https://github.com/xemantic/shader-web-background

Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

background closure-compiler design fragment-shaders framework glsl glsl-shaders javascript javascript-framework javascript-library library shaders shadertoy shadertoy-compatibility web web-design web-development webgl webgl2

Last synced: 13 Apr 2025

https://github.com/selfishprimate/gerillass

Gerillass is a Sass mixin library containing a set of Sass mixins and functions to help front-end developers generate scalable CSS outputs.

css css3 developer-tools development-tools front-end-development gerillass gulp sass sass-boilerplate sass-files sass-framework sass-functions sass-library sass-mixin-library sass-mixins sass-toolkit sassui scss web-design web-development

Last synced: 05 Oct 2025

https://github.com/tomhodgins/dragon

dragon.js is a bookmarklet that lets you drag any element on a website using a mouse or touchscreen. The goal is to speed up in-browser design critiques and brainstorming new layout ideas.

bookmarklet dev-tool in-browser touchscreen web-design web-development

Last synced: 10 Apr 2025

https://github.com/antrikshy/tinseltown.js

A lightweight CSS/JS library for faux hacker-movie-style page loading effects

css-animations hacktoberfest sass web-design

Last synced: 25 Aug 2025

https://github.com/Antrikshy/Tinseltown.js

A lightweight CSS/JS library for faux hacker-movie-style page loading effects

css-animations hacktoberfest sass web-design

Last synced: 24 Apr 2025

https://github.com/andrejgajdos/list-of-free-online-tools-for-front-end-web-development

:bookmark: [2020] List of free online tools and resources in form of web applications or web services for front-end development. Each tool contains a short description with a .gif preview or a webpage screenshot.

colors colorscheme css fonts front-end-development images patterns svg typography web-application web-design web-development web-tool web-tools

Last synced: 06 Sep 2025

https://github.com/newpanjing/graphic-design

js和vue实现 图形画板，可以实现div 自动拖动 和拉伸改变大小。还实现了选区功能，可以和windows的桌面图标一样，拉选区选中多个div元素，实现批量拖动、删除的功能。

design js vue web web-design

Last synced: 09 Aug 2025

https://github.com/bedimcode/responsive-book-website

Responsive Book Website Design Using HTML CSS & JavaScript

responsive-website web-design website-design

Last synced: 21 Sep 2025

https://github.com/thedaviddias/ux-patterns-for-developers

🧩 Collection of UX patterns for everyone but specially towards developers who want to understand how to build effective UI components accessible and usable.

best-practices documentation-website frontend patterns ux ux-design ux-patterns web-design web-development

Last synced: 23 Jul 2025

https://github.com/timc1/time-capsule

Write a letter to your future self - receive it in one year.

animation css gatsbyjs hooks html javascript react ui ux web-design

Last synced: 22 Mar 2025

https://github.com/whxitte/project-red-stream

Red Stream is a full website project based on online blood donation. This is a responsive and userfriendly website for making the process of blood donation easy

blood-donation-website full-stack full-stack-web-development project-red-stream redstream responsive-web-design web-design web-development web-template website website-project website-template

Last synced: 20 Aug 2025

https://github.com/rjrodriguez/rch-bootstrap-4-snippets

A collection of Bootstrap 4 snippets for Brackets, based in ACB Bootstrap Snippets of Antonio Carlos Barbosa

bootstrap4 brackets css framework front-end-development frontend frontend-web hints html html5 jquery mobile-first popper responsive template web web-design web-development

Last synced: 29 Apr 2025

https://github.com/kenangundogan/madosel

Modasel is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps that look amazing on any device. Madosel is semantic, readable, flexible, and completely customizable.

css framework frontend javascript javascript-framework madosel sass sass-boilerplate sass-framework sass-loader sass-mixins scss style web-design web-developer

Last synced: 14 Apr 2025

https://github.com/silent-watcher/magic-css

🧙‍♂️The Magic CSS is an intuitive web application that allows you to generate CSS values for commonly used properties. Leave a star before you leave ⭐

code-generator css-styling css-tool css-utilites hacktoberfest open-source web-design web-development-tools

Last synced: 11 Apr 2025

https://github.com/hoangsonww/badminverse-property-booker

🏸 Welcome to BadminVerse demo: Your ultimate UI for booking badminton and basketball courts! Effortlessly find and reserve courts, explore featured listings, and stay updated with the latest sports news—all with a simple, user-friendly interface designed for sports enthusiasts across the world!

badminton booking-platform booking-system css front-end-development frontend html property-booking ui user-interface web-design web-development

Last synced: 30 Jul 2025

https://github.com/textpattern/textpattern-com-website

Official website of the Textpattern project.

textpattern textpattern-website web-design website

Last synced: 05 Jul 2025

https://github.com/dinanathsj29/web-design-development-fundamentals-tutorial

A Web concepts tutorials for beginners, An introduction to Web Design Development core terminologies and fundamentals

css css3 html html-css html5 internet javascript json rss-feed ui-development web-design web-development web-fundamentals web-techonology webtechnologies world-wide-web www xml

Last synced: 12 Apr 2025

https://github.com/cyberagentailab/webcolor

Official implementation of Generative Colorization of Structured Mobile Web Pages, WACV 2023.

colorization dataset deep-learning generative-ai graphical-user-interface pretrained-models pytorch pytorch-lightning web-design

Last synced: 21 Sep 2025

https://github.com/yashksaini-coder/codepen

💻This repository contains a collection of fun little web development codes 🌐✨.

bootstrap css html html-css-javascript javascript learn web web-design

Last synced: 18 Jun 2025

https://github.com/mainakrepositor/podium

Displays the cards like it is on a podium

3d css-animations html5 rotating-objects rotation web-design website

Last synced: 02 May 2025

https://github.com/MoSalem149/online-exam-platform_DEBI-Project

A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.

animated-gif api bootstrap5 css3 flex font-awesome front-end-development google-fonts html5 javascript keyframe-animation localstorage media-queries online-exam-system online-examination-system responsive signup-login-page web-design web-development

Last synced: 29 Sep 2025

https://github.com/opencodechicago/midwest-pumpkins

Midwest Pumpkins is an open-source project developed by the OpenCode Chicago community. Built with Vite, HTML, CSS, and JavaScript, this project aims to support a local organization while participating in Hacktoberfest 2024. We welcome contributions from the community to help us make a difference!

css3 figma front-end-development frontend hacktoberfest hacktoberfest-accepted hacktoberfest2024 hacktoberfest2024-accepted html-css-javascript html5 javascript js open-source opensource-community ux-ui-design vite vitejs web-design webdev webdevelopment

Last synced: 21 Aug 2025

https://github.com/mosalem149/online-exam-platform_debi-project

A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.

animated-gif api bootstrap5 css3 flex font-awesome front-end-development google-fonts html5 javascript keyframe-animation localstorage media-queries online-exam-system online-examination-system responsive signup-login-page web-design web-development

Last synced: 24 Oct 2025

https://github.com/all-my-frontend-mini-projects/url-shortening-api_frontend_project

Welcome to Shortly, the URL shortening app! Users can view the optimal layout for the site depending on their device's screen size and enjoy seamless URL shortening and management.

beginner-friendly css design-to-website frontend-project html mern-stack nextjs nodejs reactjs responsive vanilla-javascript web-design

Last synced: 10 Apr 2025

https://github.com/alitahir4024/limerick

Limerick is a minimal, clean modern crafted template built with the latest HTML and CSS.

css dynamic html html-css landing-pages limerick minimal modern-web offer-seo-services web-design website-template

Last synced: 10 Apr 2025

https://github.com/juandc/web-unicorn-challenge

:green_heart::unicorn: Reto para el Curso Profesional de Desarrollo Web en Platzi

desarrolloweb platzi platzi-challenge unicorn web-design web-design-inspiration

Last synced: 18 Sep 2025

https://github.com/anburocky3/cyberdude-training-landing-page-web-design

Simple landing page created with Pure HTML5, CSS3 :) Crafted with passion.

css css3 cyberdude html html5 landing-page showcase-website web-design webdesign

Last synced: 10 Oct 2025

https://github.com/all-my-frontend-mini-projects/blogr-landing-page_frontend_project

Introducing the Blogr Landing Page, a captivating entry point for the Blogr website. Users can seamlessly navigate through the site's features, experiencing optimal layout and interactive elements tailored to their device's screen size. Elevate your browsing experience with Blogr today!

critical css design-to-website html js nextjs nodejs react responsive vanilla-javascript web-design

Last synced: 01 Aug 2025

https://github.com/hoangsonww/community-sphere-social-media

🌐 This repository houses "Community Sphere," a social media project that aimed to connect users within a dynamic online community platform. Development was halted midway due to lack of funding and time constraints. Despite its unfinished status, the repo offers valuable insights into social media platform development!

community-sphere fullstack-development html5 nosql-database social social-login social-media social-network social-network-analysis social-networks socialmedia sql vanilla-js web-design web-development web-programming

Last synced: 04 Mar 2025

https://github.com/all-my-frontend-mini-projects/crowdfunding-product-page_frontend

Introducing the Crowdfunding Product Page, a platform dedicated to crowdfunding the Mastercraft Bamboo Monitor Riser, a beautifully handcrafted monitor stand designed to reduce neck and eye strain. Experience a responsive design, with cutting edge features and join the initiative to support the Mastercraft Bamboo Monitor Riser project today!✨

css developer full-stack html js mern nextjs nodejs programming react vanilla-javascript web-design

Last synced: 10 Apr 2025

https://github.com/all-my-frontend-mini-projects/space-tourism-website-frontend

Embark on an exciting journey into the cosmos with the Space Tourism Website. Explore the wonders of space travel and book your next adventure among the stars.✨🚀

css frontend-development-project html landing-page mern-stack nextjs nodejs react responsive-layout vanilla-javascript web-design

Last synced: 20 Jun 2025

https://github.com/all-my-frontend-mini-projects/bookmark-landing-page_frontend_project

Welcome to Bookmark Landing Page, the gateway to an efficient bookmark manager. Seamlessly switch between devices while enjoying the optimal layout and interactive elements tailored to your screen size. Stay organized and never miss a beat with Bookmark!

css design-to-website development-fundamentals figma flex grid-box html js responsive web-design web-developer

Last synced: 10 Apr 2025

https://github.com/themuhamed/mcicons

Minecraft UI icon set — 1300+ PNG icons with CSS classes. Laravel-ready and Composer-installable.

composer icons laravel minecraft ui web-design

Last synced: 29 Jun 2025

https://github.com/all-my-frontend-mini-projects/article-preview-component_frontend_project

Welcome to the Article Preview Component, a sleek card-like component for displaying article previews with social media share functionality. Enjoy a responsive layout and seamless sharing options with this modern web component!

css desktop-first developer html js mern nextjs nodejs react responsive web-design web-development

Last synced: 10 Apr 2025

https://github.com/all-my-frontend-mini-projects/base-apparel-coming-soon_frontend_project

Welcome to the Base Apparel Coming Soon Page, a stylish and responsive landing page designed for the upcoming store Base Apparel. Users can enjoy an optimal viewing experience across various devices, with interactive elements showcasing hover states and error handling in the form submission process. Launching soon with sleek design!

css html intuitive js mern mernstack-developer nextjs nodejs react responsive web-design web-development

Last synced: 10 Apr 2025

https://github.com/all-my-frontend-mini-projects/blog-preview-card_frontend_project

Introducing the Blog Preview Card, a sleek and interactive component designed to enhance your blog's user experience. Users can now effortlessly preview blog posts with hover and focus states for all interactive elements. Elevate your blog's design with this modern and user-friendly card!

css desktop-first developer html js nextjs nodejs react responsive sleek web-design web-development

Last synced: 25 Jul 2025

https://github.com/echamudi/web-design-scraper

Extract and inspect web design metrics through Chrome extension!

chrome chrome-extension typescript web-design

Last synced: 05 Oct 2025

https://github.com/hoangsonww/paint-shop-example-website

🎨 This repository hosts a very simple website for a paint shop, designed to showcase paint colors, supplies, and DIY tutorials. It features a user-friendly interface for browsing products, learning about paint applications, and accessing painting tips.

css3 html5 javascript merchant merchant-website paint paint-shop painting web web-design web-development website

Last synced: 22 Sep 2025

https://github.com/hoangsonww/find-the-gazelle

🦒 This repository features a simple web application titled "Find the Gazelle." It presents a user-friendly game or interactive challenge designed to engage users in a virtual gazelle finding adventure. This application showcases basic web development techniques and is perfect for beginners seeking to understand web app creation fundamentals.

animals css3 find-the-gazelle gazelle hide-and-seek html html5 javascript web-app web-application web-design web-development webdevelopment website

Last synced: 22 Sep 2025

https://github.com/hoangsonww/nyc-promotional-blog

🗽 This repository contains a New York City promotional blog, designed to highlight the city's attractions, events, and lifestyle. It offers engaging content, vibrant photography, and insider tips to captivate readers and promote tourism. Perfect for bloggers, marketers, and anyone passionate about showcasing the allure of NYC.

ad advertisement blog css3 html5 javascript new-york-city nyc nycopportunity promotion promotional promotional-blog promotional-website web-design web-development

Last synced: 04 Mar 2025

https://github.com/all-my-frontend-mini-projects/interactive-card-form_frontend_project

Welcome to the Interactive Card Details Form project, a beautifully designed form component of a banking website's landing page. Experience the optimal layout depending on your device's screen size and see hover, active, and focus states for interactive elements on the page. Explore the Interactive Card Details Form today!

css form frontend-project html mern-stack nextjs nodejs react responsive vanilla-javascript web-design

Last synced: 08 Oct 2025

https://github.com/luminovrym/website-kelas-xii-pplg1

Portfolio Kelas XII PPLG 1 - 2022/2023

laravel php portfolio-website responsive web web-design

Last synced: 15 Oct 2025

https://github.com/all-my-frontend-mini-projects/four-card-feature-section_frontend_project

Introducing the Four Card Feature Section project, a unique component of a webpage showcasing certain sections using four cards. Users can view the optimal layout for the site depending on their device's screen size. Explore the features presented in a visually appealing layout with the Four Card Feature Section project today!

css fundamentals-of-web-development grid-box html mern-stack nextjs nodejs react responsive vanilla-javascript web-design

Last synced: 10 Apr 2025

https://github.com/all-my-frontend-mini-projects/easybank-landing-page_frontend_project

Introducing the Easybank Landing Page, the gateway to modern banking methods. Experience the optimal layout on any device screen size and interact with hover states for all interactive elements on the page. Discover the convenience of digital banking with Easybank today!

bank-application css frontend html js mern nextjs nodejs react vanilla-javascript web-design web-developer

Last synced: 14 Jul 2025

https://github.com/all-my-frontend-mini-projects/clipboard-landing-page_frontend_project

Introducing the Clipboard Landing Page, your gateway to unlocking additional functionalities for your standard clipboard. Experience the optimal layout on any device screen size and enjoy interactive hover states for all elements on the page. Elevate your clipboard experience with this sleek and modern landing page today!

coder css design-to-website developer frontend frontend-mentor fullstack-development html js programmer responsive vanilla-javascript web-design

Last synced: 10 Apr 2025

https://github.com/all-my-frontend-mini-projects/coding-bootcamp-testimonials-slider_frontend_project

Introducing the Coding Bootcamp Testimonial Slider, a dynamic component showcasing reviews from participants of our coding bootcamp. Experience the resposive optimal layout on any device screen size and sleek design to persuade any visitors to buy it. Get insights into the coding bootcamp experience with this interactive testimonial slider today!!✨

css express full-stack-developer html interactive intuitive js mern nextjs nodejs react responsive vanilla-javascript web-design website-development

Last synced: 04 Sep 2025

https://github.com/all-my-frontend-mini-projects/recipe-page_frontend_project

Introducing the Recipe Page Component, your ultimate guide to culinary delights! This webpage showcases recipes in a structured list manner with proper steps, indentation and photos present for an in-depth explanation of the processes involved at each step. Dive into the world of culinary excellence with the Recipe Page Component today!😇🎖️✨✅

beginner-friendly css html mern-stack nextjs nodejs react recipe-website responsive structured-data vanilla-javascript web-design

Last synced: 10 Apr 2025

https://github.com/fossiiita/humblefoolcup

Website of 2017 humblefoolcup

css html javascript materializecss opencode web-design

Last synced: 05 Nov 2025

https://github.com/itswadesh/facebook-redesign

This is a redesign of facebook.com. Design is based on tailwindcss

facebook-clone facebook-redesign tailwindcss web-design

Last synced: 10 Apr 2025

https://github.com/virajbhutada/students-grievance-management-system

A centralized and streamlined platform to efficiently manage and address grievances within educational institutions, fostering enhanced student feedback, satisfaction, institutional improvement, transparency, and collaborative resolution.

admin admin-panel coffeescript css grievance-system html javascript less mysql php research-papers sql student-project students-portal system-design user-interface web-based web-design xampp-control-panel xampp-server

Last synced: 09 Apr 2025

https://github.com/madeas/device

:calling: is a tool for creating simple and beautiful devices on your website :sparkles:

css html javascript ui web-design web-development

Last synced: 18 Jul 2025

https://github.com/anniedotexe/subuwu

This is a Tesla website clone customized for Subuwu (Subaru but its uwu) built with React JS, Redux, and Styled-Components.

clone-app frontend frontend-development frontend-webdevelopment react react-redux reactjs redux-js redux-toolkit styled-components uwu web-design web-dev web-development webdesign webdev webdevelopment website website-clone

Last synced: 05 Oct 2025

https://github.com/billmei/painless-css

Painless CSS: Learn Cascading Stylesheets from First Principles

css ui web-design

Last synced: 22 Apr 2025

https://github.com/antz22/montycsc-website

Montgomery High School's Computer Science Club website.

computer-science css dribbble html ui-design web-design

Last synced: 16 May 2025

https://github.com/fajoaq/e-commerce-solidjs

Building an example E-Commerce front-page using SolidJs. This is mostly an excercise in the new framework and mixing css modules with sass.

css-modules cssmodules e-commerce javascript sass solidjs web-design web-development webdesign webdevelopment

Last synced: 12 Apr 2025

https://github.com/oxoyo/colorsystem

Web开发经典配色方案

color-system web-design

Last synced: 10 Apr 2025

https://github.com/mesinkasir/eleventyblog

Eleventy bootstrap 11ty website template free download source code gratis

11ty 11ty-template bootstrap eleventy seo template themes web-design web-template website website-design website-template

Last synced: 11 Jun 2025

https://github.com/viniddev/botao-que-foge-do-cursor

Uma aplicação que utiliza JavaScript e senso de humor para animar uma "fuga do mouse".

css-animations css3 games html-css-javascript humor-api javascript web-design web-development website

Last synced: 01 Nov 2025

https://github.com/isaacalves7/front-end

🧑🏽‍🎨 It's a repository of Front-end development and design.

adobe-creative-cloud ajax bem-methodology blender bom bootstrap cgi css dom figma front-end html ionic javascript jquery sass web-design

Last synced: 02 Aug 2025

https://github.com/bedimcode/responsive-pizza-website

Responsive Pizza Website Design Using HTML CSS And JavaScript

responsive-website web-design website-design

Last synced: 13 Oct 2025

https://github.com/veilair/web-development

An ongoing curated list of frameworks and libraries, articles and books , talksand screencasts, recordings, blogs and github link repositories, learning tutorials and resources about Web Design & Development.

web-api web-app web-application web-browser web-builder web-components web-components-library web-design web-desktop web-development web-development-tools web-engineering web-extension web-framework web-frontend web-game web-hacking web-hosting

Last synced: 29 Jun 2025

https://github.com/danielbrito/self-learning

:nerd_face: Learning the basics. Learning by doing. Applying knowledge.

fullstack-development mobile-development self-learning software-engineering web-design web-development

Last synced: 04 Apr 2025

https://github.com/karthik558/euclidos

Join the open-source revolution with EuclidOS! This customizable Android skin lets you tailor your phone to your needs, with a beautiful interface and a wide range of features. Explore our official website, built with Next.js for a fast and user-friendly experience.

custom-roms interactive-scrolling nextjs reactjs vercel-deployment web-design web-development

Last synced: 15 Apr 2025

https://github.com/sofyansetiawan/desain-web-portal-berita-dan-dasbor-admin-dengan-bootstrap-2

Desain dibuat dengan Bootstrap 2 berisi halaman depan, galeri, page, post, event dan dasbor admin

admin-dashboard bootstrap bootstrap-2 css homepage html landing-page web-design

Last synced: 30 Apr 2025

https://github.com/mkermani144/sudo-make-me-a-sandwitch

Click and type less. Make your day to day tasks automated.

color-palette hacker-scripts small trending-repositories web-design

Last synced: 07 Oct 2025