Your one-stop web development resource hub

Discover awesome websites you didn't know existed. Subscribe to our newsletter and receive updates on new websites we find and share.

  • Useful backend and frontend resources

    From novel CSS frameworks to backend web-app starters, we list it all.

  • Don't leave your development skills behind

    The latest technologies, modern practices & popular libraries for your projects.

  • Cut your development time in half

    Find free and premium resources to build, market and launch your app right away. It's the fastest way to find great resources to build your next project.

With 72 products listed we know you'll find something that you'll find useful.

Sponsored

Framer makes building professional sites easy, fast and fun while delivering best-in-class SEO, performance, and hosting.

Get 3 months FREE code partner25proyearly

Check It Out

Get lifetime access to a premium no-code mobile app builder for a one-time fee of $59.99.

Check It Out

Looking for one platform that’s packed with all the tools you need to build an engaged online community right from your own domain? Start your own online community for a one time price of $69.99 for a limited time.

Check It Out

Add eCommerce functionality and start selling on your Wordpress, web-app, or even static site! Completely free for up to 10 products.

Check It Out

Create websites online using the Startup Bootstrap builder. It is a fast and easy way to get your business online with pre-designed blocks.

Check It Out

Sponsored

Most Recent Development Products

Here you will find the 12 most recently added development tools to the site.

Highly customizable, drop-in Bootstrap replacement.

Check It Out
Sponsored

Framer makes building professional sites easy, fast and fun while delivering best-in-class SEO, performance, and hosting.

Get 3 months FREE code partner25proyearly

Check It Out

A new smooth scroll library fresh out of the Studio Freight Darkroom.

Check It Out

Product tours, highlights, contextual help and more.

Check It Out

A collection of free publicly accessible APIs.

Check It Out

Adrenaline is a debugging assistant powered by the OpenAI Codex. It can fix and explain your broken code in seconds.

Check It Out

Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load.

Check It Out

All Development Products

Here are all our 72 development tools and resources. We hope you find something you like.

Sponsored

Framer makes building professional sites easy, fast and fun while delivering best-in-class SEO, performance, and hosting.

Get 3 months FREE code partner25proyearly

Check It Out

Get lifetime access to a premium no-code mobile app builder for a one-time fee of $59.99.

Check It Out

Looking for one platform that’s packed with all the tools you need to build an engaged online community right from your own domain? Start your own online community for a one time price of $69.99 for a limited time.

Check It Out

Add eCommerce functionality and start selling on your Wordpress, web-app, or even static site! Completely free for up to 10 products.

Check It Out

Create websites online using the Startup Bootstrap builder. It is a fast and easy way to get your business online with pre-designed blocks.

Check It Out

Generate beautiful, animated, static websites with your creative direction in a matter of minutes. Yes, minutes.

Check It Out

The javascript/typescript full-stack web application generator.

Check It Out

Boost conversions on autopilot. Use ProveSource to increase credibility and sales using social-proof. Free for up to 1000 monthly users.

Check It Out

The Ultimate Mac Website Builder

Check It Out

12 powerful website tools to uniquely convert your visitors into future customers, all built into one button

Check It Out

Turn Your Startup Idea Into Reality Without Coding!

Check It Out

Highly customizable, drop-in Bootstrap replacement.

Check It Out

A new smooth scroll library fresh out of the Studio Freight Darkroom.

Check It Out

Product tours, highlights, contextual help and more.

Check It Out

A collection of free publicly accessible APIs.

Check It Out

Adrenaline is a debugging assistant powered by the OpenAI Codex. It can fix and explain your broken code in seconds.

Check It Out

Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load.

Check It Out

Browser Automation. Quickly, without code.

Check It Out

ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages.

Check It Out

A text splitter that just f*cking works, cool text splitting animation library.

Check It Out

A free and open-source HTML Dashboard UI Kit built on Bootstrap.

Check It Out

Universe of UI elements to help you stand out. Open-source and free to use, just copy and paste!

Check It Out

Collection of 100 free and royalty-free cool looking HTML and CSS button code examples.

Check It Out

9 Image Optimization Tools In One Single Toolkit

Check It Out

A list of common Git mistakes + error cases and solutions to them.

Check It Out

Easy to implement, 3D typography for the web. Works with every font.

Check It Out

Generate dynamic animated backgrounds for your website.

Check It Out

Strapi is the leading open-source headless CMS. It’s 100% JavaScript, fully customizable and developer-first.

Check It Out

Add instant search to your website in two steps. Free up to 20 pages.

Check It Out

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely on. All popular browsers are supported.

Check It Out

Wave will help you rapidly build a Software as a Service. Out of the box Authentication, Subscriptions, Invoices, Announcements, User Profiles, API, and so much more!

Check It Out

The world's leading uptime monitoring service.

Check It Out

A small set of buttons with some cool hover animations. Dark blue one is particularily cool.

Check It Out

Open-source conversational apps builder. Typebot gives you powerful blocks to create unique chat experiences. Generous, unlimited free plan.

Check It Out

The speed of a single-page web application without having to write any JavaScript.

Check It Out

Tridiv is a web-based editor for creating 3D shapes in CSS.

Check It Out

A Chrome extension that allows you to create a website scraper recipe by directly selecting a pages elements with your mouse.

Check It Out

Create a backend in less than 2 minutes. Start your project with a Postgres Database, Authentication, instant APIs, Realtime subscriptions and Storage.

Check It Out

A morphing dropdown that animates according to the size of its content.

Check It Out

Integrate HTML forms easily without any server side code. After user submits the form we will send you content of the form to your registered email.

Check It Out

Simple drag & drop flat file CMS for HTML & PHP Websites

Check It Out

A forward-thinking library of web components.

Check It Out

QreditRoll is an epic credit roll for websites.

Check It Out

Publii is a desktop-based CMS for Windows, Mac and Linux that makes creating static websites fast and hassle-free, even for beginners.

Check It Out

Instantly make your website installable on iOS, Android, macOS, Windows and Chrome OS.

Check It Out

The safer way for people to connect financial accounts to an app.

Check It Out

Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

Check It Out

Compare open-source packages with powerful metrics and user reviews.

Check It Out

A small set of magnetic buttons with some fun hover animations.

Check It Out

An opensource library that help you to create some magic effects for the mouse (cursor) of your website

Check It Out

LUME is a toolkit that simplifies the creation of rich and interactive 2D or 3D experiences for any device from mobile to desktop to AR/VR.

Check It Out

Front-end animation plugin for uncreative developers.

Check It Out

A simple scroll library used by developers at Locomotive. Built as a layer on top of ayamflow's virtual-scroll, it provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.

Check It Out

Deliver high quality APIs through standards and collaboration with the Insomnia API design platform.

Check It Out

Find out the geographic location of your websites visitors

Check It Out

App Design & Development In One Tool. Launch your app 10x faster.

Check It Out

With over 18 million downloads, Directus is the world's first Open Data Platform for instantly turning any SQL database into an API and beautiful no-code app.

Check It Out

Build, deploy, and scale apps quickly using a simple, fully-managed solution. We’ll handle the infrastructure, app runtimes, and dependencies so you can focus on your code and launch your app efficiently.

Check It Out

Download Free WordPress themes, HTML templates, Figma and PSD web design templates.

Check It Out

Build a curated directory of websites without or with code.

Check It Out

Add a clear and beautiful cookie notice to your site. Free for low traffic sites. Affordable as you grow.

Check It Out

Focus on your business and avoid all the web hosting hassles. Our managed hosting guarantees unmatched performance, reliability and choice with 24/7 support that acts as your extended team, making Cloudways an ultimate choice for growing agencies and ecommerce businesses.

Check It Out

Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.

Check It Out

Open-Source Admin Panel for your Node.js Application

Check It Out
Sponsored

Framer makes building professional sites easy, fast and fun while delivering best-in-class SEO, performance, and hosting.

Get 3 months FREE code partner25proyearly

Check It Out
New tools in your inbox every Monday!

Take Your Projects To The Next Level

I’ve talked a lot about how important it is to create high-quality websites - but how are we supposed to do that when so many of the tools we use lean towards creating content quickly, rather than well? That’s where static site generators come in. These are codebases that allow you to write your content in Markdown (or other templating languages) and have them automatically converted into beautiful, professional and clean looking web pages. Static site generators are an awesome way for anyone who cares about the quality of their work, or wants more control over their website/blog’s design. Not only will they give you a better looking product, but they also make it easier/faster and more fun to write as well!

Differences Between Websites and Web-Apps

Remember: Websites are static. Web-apps are dynamic. Websites are a collection of pages that were designed to give information through text and pictures. Web-apps are a collection of functionalities that were designed to interact with users. Web-apps use the same base technologies as websites but they typically process user input and/or data first before they display info on the screen.

Hosting For Your Websites and Web-Apps

There have been many times in my life when I've been faced with a seemingly insurmountable production technical hurdle. In each case, I would do research and then find the answers I was looking for. It all started with a variation of the search term "how to host a website." While technology is constantly changing, there are some nearly universal truths that you should know when considering what hosting solution to use. First of all, it's important to use the right hosting solution for your needs. Shared hosting is not suited for larger web applications and websites because it lacks the resources needed to support them (e.g., extensive database storage space). Cloud-based hosting solutions offer an entirely different set of benefits; they allow for scalable resources and service levels, which is perfect for web applications and websites that need to grow over time. We found that Netlify is a great choice for website and web-app hosting, it's pay as you go pricing structure is cheap, can host unlimited projects, has great specs + performance, and has the ability to scale rapidly!

Benefits of Using Web Development Tools

Web development tools have a lot of advantages:

  • They save you time. With web development tools, you can accomplish things faster and free up your time to do other stuff.
  • They make you more efficient. Web development tools help you fix common problems and improve the way you work.
  • They help you become a better web developer. With the right set of web development tools, you can see how experienced developers write code or identify bugs in a website design, which helps you learn from them and improve your skills.
There are many great tools available to help you build websites, apps, games or plugins for other applications - to speed up workflows, reduce errors and make coding generally easier. Using tools like these will also enable you to spend less time on repetitive tasks, freeing you up to focus on more creative aspects of website building or app development that require human input rather than programming - such as user experience design (UXD) or user interface design (UID).

These tasks often involve working directly with clients who may not be technical experts themselves but have their own views on how the product should look at different stages during its creation process; therefore using simple yet powerful tools such as drag-and-drop editors could prove invaluable here in meeting everyone's needs while saving valuable time too!

March Featured Tools

Webpushr

Webpushr is the fastest growing web push notifications platform that marketers love & developers rely on. All popular browsers are supported.

Explore

Directus

With over 18 million downloads, Directus is the world's first Open Data Platform for instantly turning any SQL database into an API and beautiful no-code app.

Explore