{"id":150,"url":"https://github.com/NoahBuscher/Inspire","last_synced_at":"2025-08-13T19:32:28.462Z","repository":{"id":10460887,"uuid":"12633247","full_name":"noahbuscher/inspire","owner":"noahbuscher","description":"Collection of frontend dev and web design links :bulb:","archived":false,"fork":false,"pushed_at":"2024-03-15T10:04:10.000Z","size":66,"stargazers_count":1172,"open_issues_count":3,"forks_count":81,"subscribers_count":42,"default_branch":"master","last_synced_at":"2024-05-20T04:12:25.065Z","etag":null,"topics":["awesome","awesome-list","list"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/noahbuscher.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2013-09-06T01:37:08.000Z","updated_at":"2024-05-14T02:20:26.000Z","dependencies_parsed_at":"2024-04-26T14:15:13.129Z","dependency_job_id":null,"html_url":"https://github.com/noahbuscher/inspire","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noahbuscher%2Finspire","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noahbuscher%2Finspire/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noahbuscher%2Finspire/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/noahbuscher%2Finspire/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/noahbuscher","download_url":"https://codeload.github.com/noahbuscher/inspire/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229780026,"owners_count":18122914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","list"],"created_at":"2024-01-05T20:12:47.729Z","updated_at":"2024-12-15T03:30:23.480Z","avatar_url":"https://github.com/noahbuscher.png","language":null,"funding_links":[],"categories":["Front-End Development","Technical","Github Repos","Uncategorized","Front-end Development","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","前端开发","Other Lists","Themed Directories","Front-end development"],"sub_categories":["ramanihiteshc@gmail.com","React","Uncategorized","Misc","TeX Lists","Updated more than a year ago"],"readme":"Inspire [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n===\n\nDesigning and building a modern frontend in any web project can be a long and arduous process. Here's a collection of links to help you. Enjoy!\n\n## Concept\n##### These sites are good to get a general idea of possible layouts and style paths to take.\n\n* [Awwwards](http://www.awwwards.com/) - More awesome sites of various styles.\n* [CodeMyUI](https://codemyui.com/) - List of code snippets for fancy CSS/JS that make an awesome UI.\n* [CodePen](http://codepen.io/) - Central repository of user submitted code concepts/snippets. Great for experiments.\n* [Codrops](https://tympanus.net/codrops/) - Web design/development blog that publishes articles/tutorials about the latest web trends.\n* [CodyHouse](https://codyhouse.co/) - Tutorials and showcase of awesome UI elements.\n* [CSS Winner](http://www.csswinner.com/) - Reviewed list of great websites.\n* [Designer News](https://www.designernews.co/) - The best design / development links from the 'net.\n* [Dribbble](https://dribbble.com/) - Snaps of icons, doodles, sites, and more from a talented group of people.\n* [Httpster](http://httpster.net/) - A curated list of the best sites around the Internet.\n* [Landings](https://landings.dev/) - Find the best landing pages for your design inspiration based on your preference.\n* [OnePageLove](https://onepagelove.com/) - Great influence for one page and general website design.\n* [SaaS Pages](https://saaspages.xyz) - An inspection of Netlify's page made especially to bring you inspiration.\n* [Siiimple](https://siiimple.com/) - Another list of sites, but on the much simpler side.\n* [SiteInspire](http://www.siteinspire.com/) - Get inspired.\n* [TheBestDesigns](https://www.thebestdesigns.com/) - General list of hand picked sites from across the web.\n\n## Creation\n##### These sites are good for building a basic framework for the site.\n\n* Colors 🎨\n  * [ColorsWall](https://colorswall.com/) - Place to store your color palettes.\n  * [Coolors](https://coolors.co/) - Super fast color scheme generator.\n  * [Kuler](https://color.adobe.com/) - Easily create or view a custom color swatch for your site.\n  * [uiGradients](https://uigradients.com/) - Gorgous gradient generator.\n  * [Spectral](http://jxnblk.com/Spectral/) - Minimal color swatch creation.\n* Fonts\n  * [Google Fonts](https://www.google.com/fonts) - Tons of free, easy to use webfonts.\n* Frameworks\n  * [Bootstrap](http://getbootstrap.com) - Very popular framework for building modern websites and web apps.\n    * [Bootswatch](http://bootswatch.com) - A list of free themes for Bootstrap.\n* Icons\n  * [Icon Scout](https://iconscout.com) - Get high-quality Icons, Illustrations and Stock photos at one place.\n  * [Iconmonstr](http://iconmonstr.com) - A collection of free, simple icons.\n  * [Ionicons](http://ionicons.com) - Another great collection of free icons.\n* Images\n  * [AllTheFreeStock](http://allthefreestock.com/) - All the Free stock mmages, videos, sounds and icons in one location.\n  * [TheStocks.im](http://thestocks.im) - A collection of great stock photo websites.\n  * [Unsplash](https://unsplash.com) - Free, high quality stock photos.\n* Resources\n  * [CSS3 Animation Cheat Sheet](http://www.justinaguilar.com/animations/) - A collection of CSS3 animation snippets.\n  * [MDN](https://developer.mozilla.org) - Documentation for HTML, CSS, JS, etc\n  * [User Inter Faces](http://uifaces.com) - Get ipsum images for user images.\n  * [YMNNJQ](http://youmightnotneedjquery.com) - See jQuery functions in natural JS. No libraries.\n\n## Tools\n##### Every painter needs a brush. Well... Most do.\n\n* Design Tools\n  * [Figma](https://figma.com) - Web-based vector graphics editor\n  * [Sketch](https://sketchapp.com) [macOS only] - A professional vector graphics editor\n* IDEs\n  * [DevSession](https://devsession.js.org/) - Open a collaborative online IDE from a local directory.\n* [FileZilla](https://filezilla-project.org) - For those who fear FTP in the terminal\n* [Hyper](https://hyper.is) - Beautiful, extensible command-line interface\n* [Taskade](https://www.taskade.com/) [macOS only] - Create beautiful task lists and outlines.\n* Text Editors\n  * [Atom](https://atom.io) - A hackable text editor for the 21st century.\n  * [Brackets](http://brackets.io/) - Modern, open source editor with live preview.\n  * [Nova](https://nova.app) [macOS only] - Gorgeous, native text editor.\n  * [Sublime Text](https://www.sublimetext.com) - A very popular text editor for developers.\n    * Themes\n      * [Flatron](https://github.com/noahbuscher/Flatron) - It's flat, purple, and hella sexy.\n      * [Predawn](https://github.com/jamiewilson/predawn) - Gorgeous dark interface and syntax theme.\n  * [VSCode](https://code.visualstudio.com/) - Free text editor\n* [WinSCP](http://winscp.net) - Upload files to a MEAN stack or VPS server.\n\n## Collaborate\n##### Working with a team? These links are for you.\n\n* [Cloud9](https://c9.io) - An awesome, zen way to work with others in the cloud.\n* [Gist](https://gist.github.com) - Share code and text with others fast. Like a mini repository.\n* [Invoice Ninja](https://www.invoiceninja.com) - Open source invoicing platform.\n* [Red Pen](https://redpen.io) - Share your design and get feedback seamlessly.\n* [Scratchpad](http://scratchpad.io) - A simple, RTC tool for coding and previewing websites.\n\n## Backends\n##### Every awesome web app needs an awesome backend.\n\n* [Auth0](https://auth0.com/) - Authentication, done for you.\n* [DigitalOcean](https://www.digitalocean.com/) - A cheap and quality VPS hosting company.\n* [Firebase](https://www.firebase.com) - A real-time front-end database for your sites.\n* [Hasura](https://hasura.io) - Platform to build and deploy app backends fast.\n* [Heroku](https://www.heroku.com) - Cloud application platform; very easy to scale.\n\n## Testing\n##### Before you launch, these are good tools to make sure your site is ready for stardom.\n\n* [Browserling](https://www.browserling.com/) - Cross-browser test your website.\n* [Checkbot](https://www.checkbot.io) - Browser extension that tests your website follows 50+ SEO, speed and security best practices.\n* [CodePen](http://codepen.io) - A free web editor in your browser.\n* [Hurl.it](https://www.hurl.it/) - Make HTTP requests in the browser.\n* [Localtunnel](http://localtunnel.me) - Open localhost ports to the world.\n* [Placehold](http://placehold.it) - Generate custom placeholder images of any size.\n* [Postman](https://www.getpostman.com/) - A tool to make HTTP requests, generate mock servers and make API documentation.\n* [WooRank](https://www.woorank.com/) - A review tool for SEO elements, W3 validation, and numerous other variables. Free basic service.\n* [Yslow](http://yslow.org) - Tool for analyzing and finding fixes for multiple causes of slow site loading.\n\n## Good Reads\n##### Need something to read in your spare time?\n\n* [1stWebDesign](http://www.1stwebdesigner.com/blog/) - A good, simple blog on web development and design.\n* [A List Apart](http://alistapart.com) - Guest bloggers and full books on topics from coding to business practices.\n* [Codrops](http://tympanus.net/codrops/) - Great collection of design techniques for modern web developmers and designers.\n* [CSS-Tricks](https://css-tricks.com/) - Awesome blog on anything and everything related to CSS\n* [GoodUI](http://goodui.org) - It's definitely not bad.\n* [Insert HTML](http://www.inserthtml.com) - A blog covering current and upcoming techniques and technologies for web developers.\n* [Mentor](http://www.mentor.so/) - Get random advice from other designers and developers.\n* [Smashing Magazine](http://www.smashingmagazine.com) - A magazine for all things digital design.\n\n## License\n\n[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)\n\nTo the extent possible under law, [Noah Buscher](http://noahbuscher.com) has waived all copyright and related or neighboring rights to this work.\n\n\u003cdiv align=\"center\"\u003e:heart:\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNoahBuscher%2FInspire","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FNoahBuscher%2FInspire","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FNoahBuscher%2FInspire/lists"}