Track Inspire Updates Daily

Collection of frontend dev and web design links :bulb:

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 noahbuscher/inspire · ⭐ 1.1K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Feb 09, 2023

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• Landings - Find the best landing pages for your design inspiration based on your preference.

Jan 06, 2022

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• CodyHouse - Tutorials and showcase of awesome UI elements.

• CSS Winner - Reviewed list of great websites.

• Designer News - The best design / development links from the 'net.

• Dribbble - Snaps of icons, doodles, sites, and more from a talented group of people.

• Httpster - A curated list of the best sites around the Internet.

• OnePageLove - Great influence for one page and general website design.

• SaaS Pages - An inspection of Netlify's page made especially to bring you inspiration.

• Siiimple - Another list of sites, but on the much simpler side.

• SiteInspire - Get inspired.

• TheBestDesigns - General list of hand picked sites from across the web.

Creation / These sites are good for building a basic framework for the site.

• Fonts
  • Google Fonts - Tons of free, easy to use webfonts.

• Frameworks
  • Bootstrap - Very popular framework for building modern websites and web apps.
    • Bootswatch - A list of free themes for Bootstrap.

• Icons
  • Icon Scout - Get high-quality Icons, Illustrations and Stock photos at one place.
  • Iconmonstr - A collection of free, simple icons.
  • Ionicons - Another great collection of free icons.

• Resources
  • CSS3 Animation Cheat Sheet - A collection of CSS3 animation snippets.
  • MDN - Documentation for HTML, CSS, JS, etc
  • User Inter Faces - Get ipsum images for user images.
  • YMNNJQ - See jQuery functions in natural JS. No libraries.

Tools / Every painter needs a brush. Well... Most do.

• Design Tools
  • Figma - Web-based vector graphics editor
  • Sketch [macOS only] - A professional vector graphics editor

• IDEs
  • DevSession - Open a collaborative online IDE from a local directory.

• FileZilla - For those who fear FTP in the terminal

• Taskade [macOS only] - Create beautiful task lists and outlines.

• Text Editors
  • Atom - A hackable text editor for the 21st century.
  • Brackets - Modern, open source editor with live preview.
  • Nova [macOS only] - Gorgeous, native text editor.
  • Sublime Text - A very popular text editor for developers.
    • Themes
      • Flatron (⭐247) - It's flat, purple, and hella sexy.
      • Predawn (⭐1.8k) - Gorgeous dark interface and syntax theme.
  • VSCode - Free text editor

Collaborate / Working with a team? These links are for you.

• Red Pen - Share your design and get feedback seamlessly.

• Scratchpad - A simple, RTC tool for coding and previewing websites.

Backends / Every awesome web app needs an awesome backend.

• DigitalOcean - A cheap and quality VPS hosting company.

• Firebase - A real-time front-end database for your sites.

• Heroku - Cloud application platform; very easy to scale.

Testing / Before you launch, these are good tools to make sure your site is ready for stardom.

• Checkbot - Browser extension that tests your website follows 50+ SEO, speed and security best practices.

• Placehold - Generate custom placeholder images of any size.

• WooRank - A review tool for SEO elements, W3 validation, and numerous other variables. Free basic service.

• Yslow - Tool for analyzing and finding fixes for multiple causes of slow site loading.

Good Reads / Need something to read in your spare time?

• Codrops - Great collection of design techniques for modern web developmers and designers.

• CSS-Tricks - Awesome blog on anything and everything related to CSS

• Insert HTML - A blog covering current and upcoming techniques and technologies for web developers.

• Smashing Magazine - A magazine for all things digital design.

Aug 01, 2021

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• Codrops - Web design/development blog that publishes articles/tutorials about the latest web trends.

Dec 16, 2017

Backends / Every awesome web app needs an awesome backend.

• Hasura - Platform to build and deploy app backends fast.

Dec 14, 2017

Backends / Every awesome web app needs an awesome backend.

• Auth0 - Authentication, done for you.

Testing / Before you launch, these are good tools to make sure your site is ready for stardom.

• Postman - A tool to make HTTP requests, generate mock servers and make API documentation.

Jul 22, 2017

Tools / Every painter needs a brush. Well... Most do.

• Hyper - Beautiful, extensible command-line interface

Jul 04, 2017

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• CodeMyUI - List of code snippets for fancy CSS/JS that make an awesome UI.

Dec 09, 2015

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• CodePen - Central repository of user submitted code concepts/snippets. Great for experiments.

Nov 13, 2015

Creation / These sites are good for building a basic framework for the site.

• Colors 🎨
  • ColorsWall - Place to store your color palettes.
  • Coolors - Super fast color scheme generator.
  • Kuler - Easily create or view a custom color swatch for your site.
  • uiGradients - Gorgous gradient generator.
  • Spectral - Minimal color swatch creation.

Testing / Before you launch, these are good tools to make sure your site is ready for stardom.

• Browserling - Cross-browser test your website.

• Hurl.it - Make HTTP requests in the browser.

Good Reads / Need something to read in your spare time?

• 1stWebDesign - A good, simple blog on web development and design.

• Mentor - Get random advice from other designers and developers.

Jun 27, 2015

Creation / These sites are good for building a basic framework for the site.

• Images
  • AllTheFreeStock - All the Free stock mmages, videos, sounds and icons in one location.
  • TheStocks.im - A collection of great stock photo websites.
  • Unsplash - Free, high quality stock photos.

Testing / Before you launch, these are good tools to make sure your site is ready for stardom.

• Localtunnel - Open localhost ports to the world.

Apr 06, 2015

Collaborate / Working with a team? These links are for you.

• Cloud9 - An awesome, zen way to work with others in the cloud.

• Gist - Share code and text with others fast. Like a mini repository.

Testing / Before you launch, these are good tools to make sure your site is ready for stardom.

• CodePen - A free web editor in your browser.

Good Reads / Need something to read in your spare time?

• A List Apart - Guest bloggers and full books on topics from coding to business practices.

• GoodUI - It's definitely not bad.

Mar 15, 2014

Tools / Every painter needs a brush. Well... Most do.

• WinSCP - Upload files to a MEAN stack or VPS server.

Collaborate / Working with a team? These links are for you.

• Invoice Ninja - Open source invoicing platform.

Oct 19, 2013

Concept / These sites are good to get a general idea of possible layouts and style paths to take.

• Awwwards - More awesome sites of various styles.