web-design

There are 80 repositories under web-design topic.

• ly525 / luban-h5

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

  h5page-builderpage-makerpage-generatormobile-page-makerpage-editoreditorvuejsvuejs2vueant-designstrapiweb-designweb-design-frameworkdesign-toolwebflow
  Language:JavaScript 6040

• brick-design / brick-design

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

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

  eludadev / ui-buttons

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

  cssfrontendangularawesomeawesome-listdesigndesign-systemframeworkfreenpmreactvueweb-designweb-developmentwebcomponentsfirst-timer-friendly
  Language:CSS 3367

• ascoders / gaea-editor

  Design websites in your browser. A smart web editor!

  web-editorweb-designeditor
  Language:TypeScript 1340

• propjockey / augmented-ui

  Cyberpunk-inspired web UI made easy. Get augmented.

  cyberpunksci-fi-guistylesheetsweb-design
  Language:CSS 1232

• KeenRivals / bestmotherfucking.website

  The Best Motherfucking Website

  websiteweb-developmentweb-design
  Language:HTML 821

• 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

• selfishprimate / sketchize

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

  wireframewireframe-kitux-designui-designsketch-sheetwireframing-tooldevice-sketch-sheetprototypingdesign-toolsweb-designmobile-designsketch-sheetspaper-prototypinguser-experienceinterface-designmobile-ux-templatemobile-templatepaper-prototype
  233
• 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 199

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

  sassscsscsscss3sass-mixinssass-boilerplatesass-frameworksass-functionssass-librarysass-filesgerillasssassuiweb-developmentdeveloper-toolsdevelopment-toolsfront-end-developmentweb-designsass-mixin-librarysass-toolkitgulp
  Language:SCSS 160

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

• codrops / GooeyTextHoverEffect

  A gooey text hover effect using SVG filters

  svg-filtercssjavascriptweb-design
  Language:HTML 128

• Antrikshy / Tinseltown.js

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

  css-animationssassweb-designhacktoberfest
  Language:JavaScript 118

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

• nafasebra / awesome-webdesign-tools

  🎊 A list of website and CSS tools

  csstoolsdesignuiweb-design
  93

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

• byeolbit / translucent

  Translucent plastic card theme.

  jquery-pluginhtmljquerydesignthemecsstransparenttranslucentstyleuiweb-design
  Language:JavaScript 88

• Themalni / portfolio

  Front-end developer portfolio website

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

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

• codrops / TypographyMotion

  Recreation of Thibaud Allie's letter stagger animation.

  gsapanimationsplittingjsweb-design
  Language:JavaScript 79

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

  web-developmentweb-designfront-end-developmentweb-applicationcsssvgimagestypographyweb-toolsweb-toolfontscolorscolorschemepatterns
  77
• 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 75

• newpanjing / graphic-design

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

  jsvuedesignwebweb-design
  Language:JavaScript 68

• 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
  64
• 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
  62
• 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 54

• timc1 / time-capsule

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

  javascripthtmlcssanimationweb-designuiuxgatsbyjsreacthooks
  Language:JavaScript 48

• wix-incubator / DLT

  Diffusion Layout Transformer implementation.

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

• mustafadalga / farm-landing-page

  Zou – Farm Landing Page

  ui-designresponsiveresponsive-designresponsive-landing-pagelanding-page-themeresponsive-web-designweb-designfront-end-developmentfarm-landing-pagefarm-websiteweb-developmentweb-developmentshtml5csscss3htmljavascript
  Language:HTML 46

• kennedybarros / responsive-website-playstation

  Responsive E-commerce Website PlayStation

  e-commerce-projectweb-designweb-development
  Language:HTML 45

• puxl / puxl-framework

  PUXL framework is a free and open-source and eco-friendly library to create front-end Web interfaces. It helps you build accessible and responsive sites with lightweight HTML.

  accessibilitya11ywebui-componentsresponsive-web-designweb-development-toolsdocumentationmit-licenseui-frameworkaccessible-coloursaccessibility-checkerweb-designcss3vanilla-javascriptvanilla-jscss-frameworkjavascriptfree-softwareopen-source
  Language:CSS 45
• responsive-book-website

  bedimcode / responsive-book-website

  Responsive Book Website Design Using HTML CSS & JavaScript

  responsive-websiteweb-designwebsite-design
  Language:CSS 42

• 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 41
• madosel

  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.

  csssassscssstyleframeworksass-frameworksass-mixinssass-loadersass-boilerplatefrontendweb-designweb-developermadoseljavascriptjavascript-framework
  Language:SCSS 39

• rjrodriguez / RCH-Bootstrap-4-Snippets

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

  bootstrap4bracketshintshtml5htmljquerypoppercssframeworktemplatefrontendfrontend-webfront-end-developmentwebweb-designweb-developmentmobile-firstresponsive
  Language:JavaScript 39