web-design

There are 81 repositories under web-design topic.

• ly525 / luban-h5

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

  ant-designdesign-tooleditorh5mobile-page-makerpage-builderpage-editorpage-generatorpage-makerstrapivuevuejsvuejs2web-designweb-design-frameworkwebflow
  Language:JavaScript 6229

• brick-design / brick-design

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

  reacttypescriptweb-designpage-editordrag-and-dropweb-buildersite-generatorsite-builderhtml-buildernocodelowcodeweb-editorpage-builderno-codelow-codeh5-editor
  Language:TypeScript 5153
• ui-buttons

  youneslaaroussi / ui-buttons

  100 Modern CSS Buttons. Every style that you can imagine.

  angularawesomeawesome-listcssdesigndesign-systemfirst-timer-friendlyframeworkfreefrontendnpmreactvueweb-designweb-developmentwebcomponents
  Language:CSS 3664

• propjockey / augmented-ui

  Cyberpunk-inspired web UI made easy. Get augmented.

  cyberpunksci-fi-guistylesheetsweb-design
  Language:CSS 1362

• ascoders / gaea-editor

  Design websites in your browser. A smart web editor!

  web-editorweb-designeditor
  Language:TypeScript 1347

• KeenRivals / bestmotherfucking.website

  The Best Motherfucking Website

  websiteweb-developmentweb-design
  Language:HTML 890
• tints-and-shades

  edelstone / tints-and-shades

  🌈 Display tints and shades of a given hex color in 10% increments.

  color-generatorcolor-palettecolor-schemecolor-theorycolorsgithub-pageshexshade-generatorshadestint-generatortintsweb-applicationweb-design
  Language:JavaScript 564

• justinhartman / ui-ux-design-library

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

  interaction-designui-designusability-testingux-designbooksebookslibrary-freemobile-designweb-design
  423

• musayazlik / resource-archive-for-designers-and-developers

  I share with you my archive that I have collected from 2017 to the present day about design and software. What is there everything ...

  tasarimdesingyazilimweb-softwareweb-designhtmlhtml5csscss3iconsiconjavascriptphpcolorscolorfontkaynakkaynaklarresources
  293
• shader-web-background

  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.

  shaderswebbackgrounddesignweb-designweb-developmentshadertoyglslglsl-shadersfragment-shadersjavascriptlibraryjavascript-libraryframeworkjavascript-frameworkclosure-compilerwebglwebgl2shadertoy-compatibility
  Language:JavaScript 256

• megh-bari / frontend-design-resources

  All-in-one resource kit for frontend devs & designer

  design-resourcesdeveloper-toolsfrontendfrontend-resourcesweb-designawesome-frontend-kitdev-resource-packawesomeawesome-listawesome-listsresources
  245
• web-projects

  alsiam / web-projects

  Explore a curated collection of 22+ 🔥 web projects showcasing the art of web design with HTML, CSS, and JavaScript. Perfect for learning and inspiration. Join us in creating beautiful web experiences! 🌐💻🎨

  csshtmlhtml-csshtml-css-javascripthtml-projectsjavascriptjavascript-projectswebweb-designweb-developmentwebsite-template
  Language:HTML 243

• selfishprimate / sketchize

  Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.

  design-toolsdevice-sketch-sheetinterface-designmobile-designmobile-templatemobile-ux-templatepaper-prototypepaper-prototypingprototypingsketch-sheetsketch-sheetsui-designuser-experienceux-designweb-designwireframewireframe-kitwireframing-tool
  240

• milanaryal / web-development-resources

  A list of open source front-end tools and resources for web designers and developers.

  web-developmentweb-designfront-end-developmentawesome-listawesomeresourcesweb-development-toolsweb-applicationframework
  208
• gerillass

  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.

  csscss3developer-toolsdevelopment-toolsfront-end-developmentgerillassgulpsasssass-boilerplatesass-filessass-frameworksass-functionssass-librarysass-mixin-librarysass-mixinssass-toolkitsassuiscssweb-designweb-development
  Language:SCSS 170
• best-chrome-extensions

  themeselection / best-chrome-extensions

  A curated list of Best Awesome Chrome Extensions to boost your productivity in your Browsers

  awesomechrome-extensionchrome-extensionsdesignerdevloperweb-designwebdevelopmentchrometoolsbrowser-extensionchrome-browserchrome-devtoolswebdeveloperbrave-extensionfirefoxvivaldi-extension
  164

• 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.

  in-browserdev-tooltouchscreenweb-designweb-developmentbookmarklet
  Language:CSS 149

• codrops / GooeyTextHoverEffect

  A gooey text hover effect using SVG filters

  svg-filtercssjavascriptweb-design
  Language:HTML 146
• ux-patterns-for-developers

  thedaviddias / ux-patterns-for-developers

  🧩 Developer ecosystem for UX patterns: comprehensive docs, ready-to-use components, and real-world examples

  best-practicesfrontenduxux-designdocumentation-websitepatternsux-patternsweb-designweb-development
  Language:TypeScript 138

• nafasebra / awesome-webdesign-tools

  🎊 A list of website and CSS tools

  awesomeawesome-listcssdesigntoolsuiweb-design
  122

• Antrikshy / Tinseltown.js

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

  css-animationssassweb-designhacktoberfest
  Language:JavaScript 120

• mdyeates / my-portfolio

  A simple and immersive portfolio powered by React

  portfolioreactframer-motionjavascriptsoftware-engineeringprofessional-portfolioweb-designweb-developmentwebsitecssfrontendpersonal-websiteportfolio-websitereactjsui-designux-designportfolio-templatereact-portfoliosimple-portfoliofaang
  Language:JavaScript 113

• Dalimil / Web-Design-Pirate

  DevTools Extension for Chrome and Firefox - Fast and easy way to copy full HTML widgets, components, and parts of web design. :boat: :ghost: :anchor:

  chrome-extensionchrome-devtoolsweb-designchrome
  Language:JavaScript 107

• arvind37 / Basic-Website-using-HTML-CSS

  Create your very first website using HTML5, CSS3

  htmlcsscss3html5javascriptbootstrapbootstrap4websitewebsite-designwebsite-templatewebsite-developmentwebsite-themewebsite-builderlearn-to-codeownwebsitebasic-websiteweb-developmentweb-developerweb-design
  Language:HTML 97

• 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.

  colorscolorschemecssfontsfront-end-developmentimagespatternssvgtypographyweb-applicationweb-designweb-developmentweb-toolweb-tools
  95

• Themalni / portfolio

  Front-end developer portfolio website

  portfolio-websiteprojectfront-endfront-end-developmentweb-designcsshtmljavascript
  Language:HTML 94

• byeolbit / translucent

  Translucent plastic card theme.

  jquery-pluginhtmljquerydesignthemecsstransparenttranslucentstyleuiweb-design
  Language:JavaScript 88

• codrops / TypographyMotion

  Recreation of Thibaud Allie's letter stagger animation.

  gsapanimationsplittingjsweb-design
  Language:JavaScript 83

• LivelyKernel / lively.next

  lively.next is a personal programming kit. It emphasizes liveness, directness, and interactivity.

  idejavascriptlivelykernelsmalltalkweb-designweb-development
  Language:JavaScript 81
• simple-portfolio-website

  muhammadmubeen17 / simple-portfolio-website

  A simple portfolio website to showcase your work and projects.

  bootstrapcsshtmljqueryfront-end-developmentfront-end-web-developmenthtml-pageportfolio-websitesimple-portfolioweb-design
  Language:HTML 79

• newpanjing / graphic-design

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

  jsvuedesignwebweb-design
  Language:JavaScript 71
• responsive-book-website

  bedimcode / responsive-book-website

  Responsive Book Website Design Using HTML CSS & JavaScript

  responsive-websiteweb-designwebsite-design
  Language:CSS 69

• wix-incubator / DLT

  Diffusion Layout Transformer implementation.

  ddpmdiffusiondiscrete-diffusiongenerative-aigenerative-modelslayoutsmagazinepublaynetricoweb-designcontinous-diffusionlayout-generationiccv2023
  Language:Python 62

• mustafadalga / farm-landing-page

  Zou – Farm Landing Page

  csscss3farm-landing-pagefarm-websitefront-end-developmenthtmlhtml5javascriptlanding-page-themeresponsiveresponsive-designresponsive-landing-pageresponsive-web-designui-designweb-designweb-developmentweb-developments
  Language:HTML 56

• Aman22sharma / FreeCodeCamp-Responsive-Web-Design-Certification-Projects

  FreeCodeCamp Responsive Web Design Certification Projects [ Complete All 5 Projects Challenge Solutions ]

  html5html-formcss3css-grid-layoutcss-flexboxresponsive-designweb-designresponsive-layout
  Language:HTML 52
• project-red-stream

  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-websitefull-stackfull-stack-web-developmentresponsive-web-designweb-designweb-developmentweb-templatewebsitewebsite-projectwebsite-templateproject-red-streamredstream
  Language:HTML 51