bradtraversy/svg-css-generator-examples

Stars
204
Rank 192,063 (Top 4 %)
Language
HTML
Created over 2 years ago
Updated over 2 years ago

bradtraversy/svg-css-generator-examples

bradtraversy

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Tiny projects using generated code from different CSS & SVG generators

SVG & CSS Generator Examples

Tiny project examples based on 10 different SVG and CSS generators for various effects. Inspired by this tweet by Savio Martin

Effect	Generator URL	Live Demo
SVG Waves	https://getwaves.io	Live Demo
SVG Blobs	https://www.blobmaker.app	Live Demo
SVG Background	https://www.svgbackgrounds.com	Live Demo
Glasmorphism	https://hype4.academy/tools/glassmorphism-generator	Live Demo
Fancy Border Radius	https://9elements.github.io/fancy-border-radius	Live Demo
Neomorphism	https://neumorphism.io	Live Demo
CSS Shadow	https://shadows.brumm.af	Live Demo
CSS Grid	https://cssgrid-generator.netlify.app	Live Demo
Pattern Background	https://heropatterns.com	Live Demo
CSS Gradient	https://cssgradient.io	Live Demo

design-resources-for-developers

Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

50projects50days

50+ mini web projects using HTML, CSS & JS

vanillawebprojects

Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries

proshop_mern

Shopping cart built with MERN & Redux

devconnector_2.0

Social network for developers, built on the MERN stack

node_passport_login

Node.js login, registration and access control using Express and Passport

react-crash-2021

Task tracking application from the React crash course

chatcord

Realtime chat app with rooms

modern_js_udemy_projects

Project files for Modern JS From The Beginning course

traversy-js-challenges

Challenges & docs from JS Algorithms & Data Structures course

react_express_starter

Starter pack for React and Express full stack development

mern-tutorial

Goalsetter application from Youtube series

modern_portfolio

Responsive portfolio website

laragigs

Laravel job listing app

loruki-website

Cloud hosting website

mern_shopping_list

Shopping List built with MERN and Redux

lead_manager_react_django

Full stack app with React, Redux & Django

proshop-v2

ProShop ecommerce website built with MERN & Redux Toolkit

php-crash

Code for my PHP crash course on YouTube

storybooks

Node.js app with Google OAuth

feedback-app

React feedback app from React course

vue-crash-2021

Task Tracker project from youtube crash course

devcamper-api

Backend for devcamper app

btre_project

Django real estate website

tailwind-landing-page

javascript_cardio

JavaScript challenges and problems

expense-tracker-react

Simple expense tracker using React hooks & context

ui_components

Collection of HTML & CSS UI components

python_sandbox

Files to learn Python basics

angular-crash-2021

Task tracker app from the 2021 youtube crash course

simple_react_pagination

Frontend pagination with React

vanilla-parcel-boilerplate

Simple starter workflow for building vanilla js apps with Parcel

next-crash-course

Project from my Next.js crash course on YouTube

tailwind-course-projects

Projects from my TailwindCSS course

redux_crash_course

Simple implementation of Redux with React 16

node_crash_course

Files for YouTube crash course

bootstrap-bootcamp-website

react_crash_todo

React crash course files

javascript-sandbox

Sandbox from the Modern JS From The Beginning 2.0 course

github-finder

Search Github users - React hooks & context

expense-tracker-mern

Full stack expense tracker

vanilla-node-rest-api

REST API using Node.js without a framework

rust_sandbox

Fundamentals of the Rust language

express_crash_course

Express crash course on YouTube

docker-node-mongo

Sample node and mongo app that uses docker

vue_crash_todolist

Vue crash course application

project-mgmt-graphql

Full stack GraphQL, Express & React app

webpack-starter

Boilerplate for Webpack apps

github-finder-app

Find github users and display their info

react_redux_express_starter

Boiler plate for React/Redux applications with Express

lsapp

Laravel from scratch website/blog application

contact-keeper

Contact manager using React hooks & context

dj-events-frontend

Next.js website to list DJ and other musical events

vuex_todo_manager

Vuex crah course app

myflaskapp

Python Flask app with authentication

house-marketplace

House marketplace built with React and FIrebase

hulu-webpage-clone

Hulu webpage clone

nodejs-openai-image

Web app that uses Node.js and OpenAI to generate images

nodekb

Simple knowledgebase app with Node.js, Express and MongoDB

react_step_form

Multi step form built with React and Material UI

axios-crash

Axios crash course files

mern-auth

MERN authentication using JWT and HTTP-Only cookie

node-api-proxy-server

Proxy server to hide public API keys with rate limiting, caching

laravel-sanctum-api

REST API with auth using Laravel 8 and Sanctum

php_rest_myblog

tailwind-sandbox

Sandbox used with the Tailwind From Scratch course

react_webpack_starter

React 16 and Webpack 4 starter pack

next-markdown-blog

Simple blog using Next and Markdown

creative-agency-website

Agency website - basic HTML/CSS

react-crash-2024

React jobs project from YouTube crash course

react_file_uploader

React and Express file uploader

alexis_speech_assistant

Python speech assist app

deno-rest-api

Simple REST API using Deno and Oak

go_crash_course

Basics of the go language

url_shortener_service

API to shorten urls using Node, Express & MongoDB

breaking-bad-cast

App to show cast info for breaking bad

electron-course-files

Files and apps for Electron course

react_native_shopping_list

React Native app from crash course

simple-electron-react

Simple boilerplate for building Electron apps with React

bookstore

Simple RESTful JSON api using Nodejs, Express and MongoDB

meanauthapp

Complete MEAN stack app with authentication

angular-crash-todolist

Simple app for Angular crash course

qr-code-generator

Simple Tool to Generate QR Codes

node_jwt_example

Example of Node JSON Web Tokens

electronshoppinglist

Shopping list desktop app built on electron

go_restapi

Simple RESTful API using Golang

lyricfinder

App that finds song lyrics using React and the Musixmatch API

ciblog

Simple blog built on Codeigniter

larticles_api

Laravel 5.5 API using resources

codegig

Simple job find app for coders

node_push_notifications

Example using Node.js and service workers to send and show push notifications

bs4starter

Starter pack for Bootstrap 4 Beta

support-desk

Support ticket app built with the MERN stack

mongochat

Simple chat app using Mongo and websockets

nestjs_rest_api

Rest api built with Nest and MongoDB

next-13-crash-course

microposts_fullstack_vue

Full stack vue and express

flask_sqlalchemy_rest

Products REST API using Flask, SQL Alchemy & Marshmallow

pollster_django_crash

Polling app built with Django (Django Crash Course)

huddle_styled_components

Landing page from styled components crash course