KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agents #developer-tools #codex #claude-code #mcp #rust #deepseek-harness #typescript #ai-agent #cli

Useful-Resources

★ 35 Open GitHub ↗

You can find some resources that helps you as a web developer or UI&UX designer

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Learning for all](https://i.imgur.com/NYL5Bvr.png)

<div align="center">
 <table>
 <thead align="center">
 <tr border: none;>
 <td colspan="7">:world_map: Content</td>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td colspan="2" align="center">🌐General</td>
 <td colspan="1" align="center">💀HTML</td>
 <td colspan="3" align="center">🎨CSS</td>
 <td colspan="1" align="center">✨JS</td>
 </tr>
 <tr>
 <td align="center">
 <a href="#websites">Websites</a>
 </td>
 <td align="center">
 <a href="#courses">Courses Platforms</a>
 </td>
 <td align="center">
 <a href="#htmlTips">Tips</a>
 </td>
 <td align="center">
 <a href="#pictures">Pictures</a>
 </td>
 <td align="center">
 <a href="#illustrations">Illustrations</a>
 </td>
 <td align="center">
 <a href="#backgrounds">Backgrounds</a>
 </td>
 <td align="center">
 <a href="#libraries">libraries</a>
 </td>
 </tr>
 <tr>
 <td align="center">
 <a href="#problem-solving">Problem Solving</a>
 </td>
 <td align="center">
 <a href="#freelancing">Freelancing Platforms</a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 <td align="center">
 <a href="#icons">Icons</a>
 </td>
 <td align="center">
 <a href="#colors">Colors</a>
 </td>
 <td align="center">
 <a href="#animation">Animations</a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 </tr>
 <tr>
 <td align="center">
 <a href="#templates">Templates</a>
 </td>
 <td align="center">
 <a href="#channels">Youtube Channels</a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 <td align="center">
 <a href="#mix">Mix</a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 <td align="center">
 <a href="#"></a>
 </td>
 </tr>
 </tbody>
 </table>
 </div>

### :computer:Websites

- [Free for Developers](https://free-for.dev/#/)
- [Web Code Tools](https://webcode.tools/)
- [Design Systems](https://designsystemsrepo.com/design-systems-recent/)
- [Can I Use](https://caniuse.com/)
- [Who Can Use](https://www.whocanuse.com/)
- [Can I Email](https://www.caniemail.com/)
- [I want to learn](https://learn-anything.xyz/?fbclid=IwAR2nNfsgk_7tGeiLXI_iuCi3a94v4lib_ECsvNLh8ZVgxXh2HSy6mBjqcEU)
- [Component Gallery](https://component.gallery/)
- [Brandfetch](https://brandfetch.com/)
- [Checklist Design](https://www.checklist.design/)
- [Frontend Checklist](https://frontendchecklist.io/)
- [Interview-Warmup](https://grow.google/certificates/interview-warmup/)
- [Magic Eraser](https://www.magiceraser.io/)
- [Magic Pattern](https://www.magicpattern.design/)
- [keyframes](https://keyframes.app/)
- [ScrollTrigger](https://greensock.com/st-demos/)
- [Plugins](https://greensock.com/gsap-plugins/)
- [Documatic](https://www.documatic.com/)
- [Getform](https://app.getform.io/)
- [Glyphs](https://css-tricks.com/snippets/html/glyphs/)
- [.Symbl](https://symbl.revend.group/)

- #### Learning Resources

- [developer.mozilla (MDN)](https://developer.mozilla.org/en-US/)
  - [Freecodecamp](https://www.freecodecamp.org/learn)
  - [Theodinproject](https://www.theodinproject.com/)
  - [Frontendpractice](https://www.frontendpractice.com/)
  - [Frontendmentor](https://www.frontendmentor.io/)
  - [Codecademy](https://www.codecademy.com/)
  - [wweb.dev](https://wweb.dev/)
  - [W3schools](https://www.w3schools.com/)
  - [Javascript.info](https://javascript.info/)
  - [Javascript30](https://javascript30.com/)

- #### **CSS**
  - [CSS Timeline](https://css-timeline.vercel.app/)
  - [CSS Ruler](https://katydecorah.com/css-ruler/)
  - [CSS Beautify](https://codebeautify.org/css-tools)
  - [Css Portal](https://www.cssportal.com/)
  - [Css Tricks](https://css-tricks.com/)
  - [Cssmatic](https://www.cssmatic.com/)
  - [Enjoycss](https://enjoycss.com/)
  - [Cssgrid](https://cssgrid.io/)
  - [CSS Properties & Selectors](https://css-tricks.com/almanac/)
  - [CSS Generators](https://css-generators.com/)
  - [CSS Triggers](https://csstriggers.com/)
  - [Loading.io](https://loading.io/)
  - [Hola SVG Loaders](https://loaders.holasvg.com/)
  - [Overapi](https://overapi.com/)
  - [Screensizemap](https://screensizemap.com/)

---

### 💻 Courses Platforms

- [Udacity](https://classroom.udacity.com/)
- [Coursera](https://www.coursera.org/)
- [Udemy](https://www.udemy.com/)
- [Sololearn](https://www.sololearn.com/Profile/13719657#_=_)
- [FreeCodeCamp](https://www.freecodecamp.org/jrazap)
- [Edraak](https://www.edraak.org/)
- [Edx](https://courses.edx.org/)
- [Sprints](https://programs.sprints.ai/)
- [Stanford](https://online.stanford.edu/free-courses)
- [Tera Courses](https://teracourses.com/)
- [Codewithmosh](https://codewithmosh.com/)
- [Your Acclaim](https://www.youracclaim.com/)
- [Codewithmosh](https://courseclub.me/)

---

### 💻 Templates

- [Themeforest](https://themeforest.net/)
- [Colorlib](https://colorlib.com/wp/templates/)
- [Wix](https://www.wix.com/website/templates)
- [HTML5Up](https://html5up.net)
- [Templatemo](https://templatemo.com)
- [freehtml5](https://freehtml5.co)
- [Styleshout](https://www.styleshout.com/)
- [Start Bootstrap](https://startbootstrap.com/)
- [Zerotheme](https://www.zerotheme.com)
- [html5xcss3](https://www.html5xcss3.com/)
- [Free-CSS](https://www.free-css.com/free-css-templates)
- [Hubspot](https://www.hubspot.com/resources)
- [Mobirise](https://mobirise.com/html-templates/)
- [Bootstrap Made](https://bootstrapmade.com/)
- [Theme For App](https://themesfor.app/)
- [Bootstrap Taste](https://bootstraptaste.com/)
- [One Page Love](https://onepagelove.com/)
- [Tool Plate](https://www.tooplate.com/)
- [Cruip](https://cruip.com/free-templates/)
- [UIDeck](https://uideck.com/)

---

### 💡Problem Solving

- [Hackerrank](https://www.hackerrank.com/)
- [Leetcode](https://leetcode.com/)
- [Beecrowd](https://www.beecrowd.com.br/)
- [Codewars](https://www.codewars.com/)
- [Codewell](https://www.codewell.cc/)
- [Codechef](https://www.codechef.com/)
- [Coderbyte](https://coderbyte.com/challenges)
- [Codeforces](https://codeforces.com/)
- [Codingninjas](https://www.codingninjas.com/)
- [exercism](https://exercism.org/)
- [Devchallenges](https://devchallenges.io/)

---

### 💸Freelancing Platforms

- [Freelancer](https://www.freelancer.com/)
- [Upwork](https://www.upwork.com/)
- [Fiverr](https://www.fiverr.com/)
- [Khamsat](https://khamsat.com/)
- [Mostaql](https://mostaql.com/)
- [We work remotly](https://weworkremotely.com/)
- [Remoteok](https://remoteok.com/)
- [Flexjobs](https://www.flexjobs.com/)
- [Remote.co](https://remote.co/)
- [Just remote](https://justremote.co/)
- [Remote leaf](https://remoteleaf.com/)
- [DailyRemote](https://dailyremote.com/)

---

### 🎬Youtube Channels

- [Elzero Web School](https://www.youtube.com/@ElzeroWebSchool)
- [freeCodeCamp.org](https://www.youtube.com/@freecodecamp)
- [Traversy Media](https://www.youtube.com/@TraversyMedia)
- [Programming with Mosh](https://www.youtube.com/@programmingwithmosh)
- [codeZone](https://www.youtube.com/@codeZone)
- [Kevin Powell](https://www.youtube.com/@KevinPowell)
- [Dave Gray](https://www.youtube.com/@DaveGrayTeachesCode)
- [The TechCave](https://www.youtube.com/@TheTechCave)
- [KMR Script](https://www.youtube.com/@KMRScript)
- [Shadow Coding](https://www.youtube.com/@ShadowCoding1)

---

### 🔖HTML Tips

- [HTML Tips](https://markodenic.com/html-tips/)
- [HTML Reference](https://htmlreference.io/)

---

### 🖼️Pictures

- [Pixabay](https://pixabay.com/)
- [Pexels](https://www.pexels.com/)
- [Unsplash](https://unsplash.com/)
- [Stocksnap](https://stocksnap.io/)
- [Burst Shopify](https://burst.shopify.com/)
- [Vecteezy](https://www.vecteezy.com/)

---

### :dolls:Illustrations

- [Storyset](https://storyset.com/)
- [Blush](https://blush.design/)
- [Undraw](https://undraw.co/illustrations)
- [Iradesign](https://iradesign.io/)
- [Drawkit](https://www.drawkit.com/)
- [Opendoodles](https://opendoodles.com/)
- [Illlustrations](https://illlustrations.co/)
- [pixeltrue](https://www.pixeltrue.com/)
- [Openpeeps](https://openpeeps.com/)
- [Humaaans](https://humaaans.com/)
- [Usesmash](https://usesmash.com/)
- [Open Stickers](https://openstickers.craftwork.design/)
- [IRA Design](https://iradesign.io/illustrations)
- [Illustration Kit](https://illustrationkit.com/)
- [Highlights Design](https://www.highlights.design/)
- [Free SVG Illustration](https://freesvgillustration.com/)

---

### 🖼️Patterns & Backgrounds

- [Gradienta](https://gradienta.io/)
- [Cool Backgrounds](https://coolbackgrounds.io/)
- [Blur Background Generator](https://wweb.dev/resources/blur-background-css-generator/)
- [Web Gradients](https://webgradients.com/)
- [CSS Gradient](https://cssgradient.io/)
- [Gradient Backgrounds](https://cssgradient.io/gradient-backgrounds/)
- [Glassmorphism CSS generator](https://css.glass/)
- [Glassmorphism generator](https://hype4.academy/tools/glassmorphism-generator)
- [Waves Generator](https://getwaves.io/)
- [Wavy Background](https://blog.devgenius.io/wavy-background-with-css-svg-4910821c2b87)
- [Section Separator Generator](https://wweb.dev/resources/css-separator-generator/)
- [Shapedivider](https://www.shapedivider.app/)
- [Clip Path](https://bennettfeely.com/clippy/)
- [SVG Backgrounds](https://www.svgbackgrounds.com/)
- [BGJar](https://bgjar.com/)
- [Trianglify](https://trianglify.io/)
- [Clothoid Corner](https://onotakehiko.dev/clothoid/)
- [CSS Filter](https://www.cssfilters.co/)
- [Hero Patterns](https://heropatterns.com/)
- [Background Patterns](https://app.haikei.app/)
- [Patterns.beaubus](https://patterns.beaubus.com/)
- [Pattern Generator](https://doodad.dev/pattern-generator/)
- [CSS Pattern](https://css-pattern.com/)
- [Patternizer](https://patternizer.com/)
- [Patternify](http://www.patternify.com/)
- [Magic Pattern](https://www.magicpattern.design/tools/css-backgrounds)
- [Animated Backgrounds](https://animatedbackgrounds.me/)
- [Animated Background Generator](https://wweb.dev/resources/animated-css-background-generator/)
- [Pattern Craft](https://patterncraft.fun/)

---

### ⭐Icons

- [Font Awesome](https://fontawesome.com/icons)
- [Icons8](https://icons8.com/)
- [Iconer](https://iconer.app/)
- [Flaticon](https://www.flaticon.com/free-icons/library)
- [css.gg](https://css.gg/)
- [phosphoricons](https://phosphoricons.com/)
- [Lordicon](https://lordicon.com/)
- [Themify](https://themify.me/themify-icons)
- [Feathericons](https://feathericons.com/)
- [Boxicons](https://boxicons.com/)
- [Eva icons](https://akveo.github.io/eva-icons/#/)
- [Thenounproject](https://thenounproject.com/icons/)
- [Bootstrap Icons](https://icons.getbootstrap.com/)
- [Iconpacks](https://www.iconpacks.net/)
- [Lineicons](https://lineicons.com/icons/)
- [Iconshock](https://www.iconshock.com/)
- [Iconsvg](https://iconsvg.xyz/)
- [Iconmonstr](https://iconmonstr.com/)
- [Iconscout](https://iconscout.com/)
- [Ikonate](https://ikonate.com/)
- [Simpleicons](https://simpleicons.org/)
- [Fontello](https://fontello.com/)
- [Remixicon](https://remixicon.com/)
- [Iconscout](https://iconscout.com/unicons/explore/line)
- [Heroicons](https://heroicons.dev/)
- [SVG Repo](https://www.svgrepo.com/)
- [Ionicons](https://ionic.io/ionicons)

---

### 🎨Colors

- [ColorHexa](https://www.colorhexa.com/)
- [Brand Colors](https://brandcolors.net/)
- [Color palettes generator](https://coolors.co/)
- [Material Palette](https://www.materialpalette.com/colors)
- [Color Hunt](https://colorhunt.co/)
- [Visme](https://visme.co/blog/website-color-schemes/)
- [Flatuicolors](https://flatuicolors.com/)
- [Canva Color Wheel](https://www.canva.com/colors/color-wheel/)
- [Color Designer](https://colordesigner.io/tools)
- [Parametric Mixer](https://colormixer.web.app/)
- [Palettte.](https://palettte.app/)
- [Paletton](https://paletton.com/)
- [Color Palettes](https://colorpalettes.earth/)
- [Grabient](https://www.grabient.com/)
- [Easing Gradients](https://larsenwork.com/easing-gradients/#editor)
- [Shadow Color](https://shadows.brumm.af/)
- [CSS Glow](https://cssbud.com/css-generator/css-glow-generator/)

---

### 👀Animation

- [Animista](https://animista.net/)
- [Animate](https://animate.style/)
- [Button hover animation](https://blog.stackfindover.com/css-button-hover-animation/)
- [Animation hover effects](https://www.proglobalbusinesssolutions.com/css-hover-effects/)
- [Underline/Overlay Animation](https://dev.to/afif/100-underline-overlay-animation-the-ultimate-css-collection-4p40)
- [Cubic Bezier](https://cubic-bezier.com/)
- [Keyframe](https://keyframes.app/animate)
- [Transition Style](https://www.transition.style/)

---

### 💡Creative Examples

- [Spinners](https://tobiasahlin.com/spinkit/)
- [Whirl](https://whirl.netlify.app/)
- [Loading Spinners](https://loading.io/spinner/)
- [Css Loader Generator](https://www.cssportal.com/css-loader-generator/)
- [Toggle Menus](https://freefrontend.com/css-toggle-menus/)
- [Checkbox Styles](https://alvarotrigo.com/blog/css-checkbox-styles/)
- [Moving Letters](https://tobiasahlin.com/moving-letters/)
- [Fancy border radius](https://9elements.github.io/fancy-border-radius/)
- [Blobmaker](https://www.blobmaker.app/)
- [Neumorphic Elements](https://codepen.io/myacode/pen/PoqQQNM)
- [Neumorphism](https://neumorphism.io/)
- [Modern CSS Selectors](https://blog.openreplay.com/modern-css-selectors/)
- [Magnetic Hover Interaction](https://codepen.io/dev_loop/pen/KKdEgdz)

---

### 📂JS Libraries

- [Aos](https://michalsnik.github.io/aos/)
- [ApexCharts.js](https://apexcharts.com/)
- [Anime.js](https://animejs.com/)
- [Email.js](https://www.emailjs.com)
- [Chart.js](https://www.chartjs.org/docs/latest/)
- [Print.js](https://printjs.crabbly.com/)
- [Prism.js](https://prismjs.com/)
- [Toastify.js](https://apvarun.github.io/toastify-js/)
- [Hammer.js](https://hammerjs.github.io/getting-started/)
- [Sweat Alert](https://sweetalert2.github.io/)
- [Owl Carousel](https://owlcarousel2.github.io/OwlCarousel2/)
- [Lightgallery.js](https://www.lightgalleryjs.com/docs/getting-started/)
- [Particles.js](https://vincentgarreau.com/particles.js/)
- [Bideo (fullscreen background videos)](https://rishabhp.github.io/bideo.js/)
- [Cleave (Format your `<input/>` content)](https://nosir.github.io/cleave.js/)
- [Granim (interactive gradient animations)](https://sarcadass.github.io/granim.js/index.html)
- [Moment (display dates and times)](https://momentjs.com/)
- [Isotope](https://isotope.metafizzy.co/)

Useful-Resources

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README