Resource Library
A repository of design and development tools that I use and recommend.
I decided to build a resource library that I can easily reference and share. I use and recommend many of these, the rest are for comparative reference or future use.
Webflow Resources and Integrations
General
- Webflow is a no-code/low-code visual design, development and prototyping tool using HTML, CSS, and Javascript.
- Webflow University
- Webflow Integrations
Design tutorials
- PixelGeek is Nelson Abalos Jr.'s channel featuring long form Webflow explorations.
- Flux is Ran Segall's video channel featuring Webflow insights and tutorials.
- Joseph Berry is a UK based designer/dev with a series of Webflow videos.
- Material Design step-by-step design and development tutorials.
Development tutorials
- Timothy Ricks teaches intermediate and advanced Webflow techniques and offers free cloneables.
- Finsweet has Attributes and other advanced Webflow development tutorials.
- Connor Finlayson teaches how to build membership sites and connect data to the Webflow CMS with Airtable, Make and Zapier.
- Sam Gregory teaches about extending Webflow and Webflow forms with code and AI.
- WebBae Keegan Leary teaches GSAP and JavaScript with Webflow use cases.
Integrations
- Udesly takes Webflow designs and adapts them into Ghost, WordPress and Shopify themes.
- Typeform allows you to build conversational forms, surveys, quizzes, and more – no coding required.
- Zapier is a connection tool that integrates many 3rd party apps into the Webflow platform.
- Osano has a cookie consent form that is GDPR compliant and integrates with Webflow.
- Cookie-Script is a GDPR compliant cookie consent modal that integrates with Webflow.
- Hotjar visual analytics and insight tool.
- Mailchimp is an all in one CRM platform for email marketing that connects directly to Webflow.
- ConvertKit an all in one marketing hub to grow and monetize your audience.
- ActiveCampaign an email marketing, automations and CRM tool.
- Hubspot an all in one CRM and digital marketing tool.
- Lottiefiles lightweight and scalable vector animations tool.
- Figma to Webflow - a Webflow created plugin for directly importing Figma designs into Webflow.
- MemberStack - a membership and backend solution for Webflow.
- Outseta - membership software that integrates with Webflow.
- VaultVision - a login authentication tool for web apps built with Webflow.
Chrome browser extentions for Webflow and development
- Finsweet Extension build web applications with a drag and drop interface.
- What Font allows you to build connected database, spreadsheet and form based applications with Zapier.
- Lighthouse is a Google sponsored hosting platform for mobile and web ap
- Webflow Chrome Extension build beautiful mobile apps from Google Sheets.
- SemFlow low/no-code automation and app building platform with lots of 3rd party integrations.
- ColorPicker export Webflow built sites and deploy from Git.
- Wappalyzer allows you to build connected database, spreadsheet and form based applications with Zapier.
- What Runs allows you to build connected database, spreadsheet and form based applications with Zapier.
- MarkUp allows you to build connected database, spreadsheet and form based applications with Zapier.
- Tango allows you to build connected database, spreadsheet and form based applications with Zapier.
Other No/Low Code Tools
- Bubble.io build web applications with a drag and drop interface.
- Airtable allows you to build connected database, spreadsheet and form based applications with Zapier.
- Firebase is a Google sponsored hosting platform for mobile and web apps.
- Glide build beautiful mobile apps from Google Sheets.
- MakerPad low/no-code automation and app building platform with lots of 3rd party integrations.
- Netlify export Webflow built sites and deploy from Git.
- Wized allows you to build Web applications with Webflow, Airtable and REST APIS.
- Xano a scalable, no-code backend/database tool for Webflow.
- Make automation tool and visual code builder that connects apps with the Webflow API and CMS.
- Parabola automate powerful workflows with a visual code builder that connects to Webflow.
- Slater an AI powered coding layer for Webflow from Edgar Allan.
Webflow Frameworks
- Finsweet Client-First is a user designed framework and class naming system from Finsweet.
- Lumos is framework from Timothy Ricks built to scale for responsive-first Webflow builds and interactions.
- Knockout is a developer-first framework loosely based on Bootstrap from the Ethan Allan agency
- Mast is a lightweight, developer-first framework of essential classes and strategies to help you build efficiently for any brand and scale from Corey Moen.
- Flow Class a simple standardized class naming system from Code and Wander.
Design and Development Resources
Design
- Adobe CC subscription based creative software platform. PhotoShop, Illustrator, XD, Premier, After Effects and Animator.
- Affinity Studio desktop creative software platform Publisher, Photo, and Designer.
- Unity video game and virtual reality engine.
- WhatFont font picker measures font-family, size, line-height, and color.
- Full Page Screen Capture generates a pdf or png file of entire website page.
- Color Eye Dropper color picker tool measures hex and rgb pixel values.
- Coolors color scheme generator.
- Material Design guidelines for ui/ux design and development.
- uiGradients an online gradient generator tool.
- Lottie a vector animation tool.
Development
- Visual Studio Code is a code editor optimized for building and debugging web and cloud applications.
- ESlint a linter tool for VS Code.
- Sublime Text a versatile Python based cross platform source code editor that supports many languages and can be extended with plugins.
- GitHub and GitLab are version control platform for Git iterative workflows.
- Lighthouse website and PWA auditing and metrics tool.
- TinyPNG optimize and compress images.
- Cookie Script GDPR and cookie compliance modal.
- iubenda covers GDPR, analytics, and cookie compliance code.
- simpleanalytics EU based Google analytics alternative, covering GDPR and cookie compliance.
Testing Tools
- Optimizely A/B testing and SEO validation for landing pages.
- Unbounce A/B testing and SEO validation.
- Google AMP serves a smaller and faster version of website for mobile breakpoints.
- Selenium automates UI/UX tests.
- Mocha automates UI/UX tests.
- Percy tests visual layout revisions across multiple screen sizes.
- BrowserStack tests across multiple browsers and devices.
- Mantiss open source bug tracker.
- Screaming Frog is an SEO spider and speed testing tool.
- CSSLINT is a CSS valdator and testing tool.
- Jigsaw is the 3WS CSS validation system.
Content Management Systems and Databases
- Webflow CMS offers business and eCommerce solutions.
- WordPress CMS powers 35% of business and blog websites and has eCommerce integrations.
- Craft CMS headless, light, custom CMS framework that is quick to build and easy to deploy.
- Jekyll Git based CMS.
- Ghost headless Node.js based blog platform.
- Drupal is an enterprise and eCommerce CMS based on PHP.
- Prismic is a headless CMS based on RESTful API.
- Airtable is a database that can be automated to build forms, apps, and populate spreadsheets.
- Xano is an enterprise database that can be connected to forms, apps, and spreadsheets to build complex systems.
Font, Icon, and Image Collections
- Google Web Fonts offers a huge collection of free fonts for website design.
- True Type Fonts available for use through Adobe CC.
- Font Squirrel.
- UnSplash a large collection of free images.
- FreePik a collection of free vector and photo images.
- BlobMaker.app an SVG blob shape maker.
- GetWaves.io an SVG waves shape maker.
- Pexels an aggregate collection of free images.
- Pexels Video a collection of free video snippets.
- Coverr offers free stock video footage.
- UnDraw free vector illustrations.
- InkSpace 2D vector graphics.
- Blender 3D animations.
- HandBrake is a video converter and optimizer app.
SEO and Analytic tools
- Screaming Frog is an SEO spider and speed testing tool.
- Semrush - desktop and browser based SEO optimization and keyword research tool.
- AHREFS - SEO software to analyze competitors, analyze & rank your site, and find keywords.
- Moz - SEO software for auditing, tracking, back linking, and keyword research.
- Keywords Everywhere - keyword search tool.
- Ubersuggets - free and paid SEO and keyword tools from Neil Patel.
Business and Productivity
Project Management
- G-Suite cloud based suite of Docs, Sheets, Calendar and Drive.
- Clickup versatile and customizable PM platform with tasks, calendar, Kanban views, time tracker, mobile app, and client portal.
- Trello PM platform with tasks, calendar, and Kanban views, reports and guest access.
- Asana PM platform with tasks, calendar, and Kanban views, reports and guest access.
- Thrive PM tool with task based dashboard.
- Toggl a time tracker tool that integrates with most PM systems.
- Notion is a versatile database that can be used to build simple websites, project management tasks, client portals and CRM.
Proposals, Contracts, Invoices, Payments, and Accounting
- Hello Bonsai creates, sends and tracks proposals, contracts and invoices, and accepts payments.
- Dubsado creates, sends and tracks proposals, contracts and invoices, and accepts payments.
- Harvest is a time management and invoice tracking tool.
- Wave free accounting and invoicing tools for freelancers.
- Wise an international payment and money transfer service with simple dashboard and exchange rates.
- FreshBooks accounting, invoicing and billing for small to medium sized businesses. Paypal integration reduces fees.
- QuickBooks double entry accounting and payroll for freelancers and small businesses.
- Deel admin platform for payroll and onboarding remote teams.
- Gusto hire, pay and manage your team all in one place. Great for freelancers and small agencies.
Client Acquisition and Retention
- Elfsight builds embedded widgets for forms, chats, surveys and social media connections for Webflow, WordPress, and Shopify.
- Mailchimp an all in one marketing platform for email and CRM and connects to Webflow and WP forms.
- MailerLite an email marketing platform.
- Formspark.io a GDPR compliant form building tool that replaces Webflow forms and integrates a number of email hosts.
- ConvertKit is a CRM tool with WP and Webflow integration.
- Mocha automates UI/UX tests.
- Gmelius is a multi-channel inbox and workflow tool for G-Mail and integrates with CRM and PM tools.
- Buffer is a social media content scheduling and publishing tool.
- Hubspot is a CRM and email marketing platform with chatbot and Facebook Messenger integrations.
- Hunter is an email outreach tool that can get contact information for C-Suite connections.
- Airtable is a database that can be connected to forms, apps, and spreadsheets to build CRM and PM systems.
Wordpress Resources
Design
- Pinegrow visual HTML and CSS framework with Bootstrap and Foundation modules with WP theme builder. Can convert Webflow sites to WordPress.
- Oxygen Builder WP theme builder with Woo-Commerce integration.
- Astra Theme is a highly customizable theme for WordPress.
Development
- Laravel with Symphony and Composer is an adaptable enterprise level WordPress/PHP development environment.
- ACF Pro Advanced Custom Field builder with repeater form integration. Build custom CMS collections, galleries, and forms.
- WP Smush bulk process images for WP, even those already uploaded to database.
- All In One WP Migration migrate a WP website to another host without breaking short-codes and 301 redirects.
Plugins
- Cookie Pro CCPA, GDPR and LGPD compliance management tool.
- MemberPress adds membership and subscription integration to WP websites.
- Yoast SEO versatile SEO imbed and measurement tool.
- JetPack Premium analyzes WP site traffic, and secures and backups up database.
- Wordfence is a deep WP website security and firewall tool.
- Events Manager Pro for creating events lists, calendar date selection, and accepting payments.
- WP Fluent Forms form builder with integrations for Zapier, MailChimp, ConvertKit, Trello and Hubspot.
- Ninja Forms versatile forms with MailChimp and survey integrations.
- WP Rocket is a cache tool for accelerating WP hosted websites.
- Subversion database version control tool.
- WP Sweep deletes old posts and revisions.
- Dashboard Switcher build custom WP dashboard and admin control panels.
eCommerce
- Jilt is an abandoned cart recovery and email marketing campaign tool.
- One Page Checkout streamlines Woo-Commerce payment process and reduces cart abandonment.
- Imagify a Woo-Commerce optimized image editor and compressor.
- Stripe is a payment gateway and processor.
- PayPal is a payment gateway and processor.
Hosting
- Digital Ocean.
- WP Engine
- Flywheel.
- Cloudways.
- Kinsta.
Music Production and Recording
Recording and Production
- Logic Pro a suite of composing, recording, and mixing tools with virtual instruments and effects available.
- Ableton Live a music production and looping tool with a suite of virtual instruments and effects.
- Universal Audio Apollo a hardware recording interface.
- Universal Audio LUNA a recording and mixing console with a suite of software compressors, equalizers and preamps.
- Softube integrated mixing and mastering software and hardware system.
- Max/MSP visual programming language for music and multimedia.
Instruments
- Fender Jazzmaster a versatile guitar with twin single coil pickups.
- Fender Telecaster a classic guitar with a classic sound.
- Gibson Explorer a radically shaped guitar equipped with twin humbucker pickups.
- Gretsch Silver Falcon an arch top, hollow body guitar equipped with twin humbucker pickups.
- Rickenbacker 360v64 a thin-line hollow body guitar known for its bright tone.
- Fender Jaguar Bass a versatile bass guitar.
- Rickenbacker 4001 Bass a classic bass guitar known for its growling tone.
- AKAI MPK49 a Midi keyboard and drum controller.
- Roland D-50 a classic Linear Amplitude synthesizer.
Microphones
- Shure SM7b is a versatile dynamic microphone for spoken word and vocals.
- Shure SM-57 is a versatile cardioid dynamic instrument microphone.
- AKG C414 is a multi-pattern condenser microphone for vocal and instrument recording.
- Blue Bluebird is a versatile large condenser microphone for capturing vocals and stringed instruments.
Amplifiers
- Fender '59 Bassman classic American Tweed guitar and bass amplifier with a 4 speaker cabinet.
- Vox AC-30 vintage British twin speaker guitar amplifier.
- Vox AC-4 a low power British amplifier with a single speaker.
Effect Processors
- Roland CE-301 vintage tape delay and spring reverb.
- Roland DEP-5 vintage digital delay and reverb.
- Universal Audio LA-610 tube Preamp and Compressor.
- Yamaha E-1010 vintage analog modulation and delay.
- Yamaha SPX-900 classic studio multi-effects unit.
- Lovetone Ringstinger LFO ring modulation.
- Electrix Filter Factory LFO filter and EQ modulation.
- Eventide Space stereo multi-effect reverb unit.
- Eventide Time Factor stereo multi-effect delay unit.