Portfolio

Dropkick your website into submission. Power tools and addons for your HTML or PHP website.

✅ No subscriptions
✅ Use on unlimited domains
✅ Install on any website in minutes
✅ Add Forms, CMS, Ecommerce, Members sites, Backups and more...


Best Webform Builders 2019

photo-1501504905252-473c47e087f8

Top Form Builders 2019



Are you looking to:
  • Create a survey?
  • Collect email addresses?
  • Have people signup for an event?

Most likely you then need to create a web form for your website. These are notoriously tricky to do so it's best to use one of the many available form builder tools out there. We've collect a few of the best ones in 2019 for you to consider.

Just Forms


Full disclosure: it's us! But our customers have told us they love the simplicity of using it, the fact that it is an app on their computer and that they can integrate it it into any kind of PHP or HTML website with copy and paste. You can create private forms, complex or simple forms with specific filed types, send the results to multiple email addresses, collect stats on the entries, export data to a CSV and many many more things.

Price: Another great thing people love about Just Forms is the price. No subscription or per domain pricing here, just a one-time forever pricing to get all-you-can-eat. This is rare as most of the solutions out there charge monthly or yearly to be used. Build as many forms as you wish for yourself or client websites and get collecting user data today!



JotForm



JotForm is another easy-to-use and fully featured form builder. It comes with 100s of ready made conditional form templates and there are a lot of 3rd party integrations available. It comes with mobile apps too to create forms, although usually forms by all builders can be seen on a mobile phone on your website, you can also build these forms from your phone.

Price: There is a free plan to start you off but it's most likely you'll start with the $19 per month plan to remove the branding and make the form embed on your site look professional.

Form2Pay



Form2Pay is great for form building beginners. It has a step-by-step guide approach and focuses on simplicity (which can be a drawback for those wanting to create more complex forms). That said, there are some power features like SMS notifications and integrations with Google Analytics.

Price: There is a free plan like JotForm to try it out with the basic business plan starting at $9.95 per month.

Wufoo



Wufoo has been around a while and has been through lots of iterations and developments. Very beginner friendly in its design and approach, with a variety of excellent 3rd party integrations. It's really fun to use and comes with lots of DIY video tutorials in case you get stuck.

Price: Starter plan is from $19 per month for 10 forms

RackForms



RackForms is recommended for those developers looking for a professional tool they can grow into and further customise. It has high-end form building for more complex form outputs. It comes with some nice reporting functionality and can be used for one-time projects due to the one-time pricing so no commitment (like Just Forms).

Price: There is a one-time pricing option of $110 but this is for 1 domain so may get expensive for multi-installs.

How to backup any website (HTML, PHP or web builder)

frank1How to effectively backup any website you have



Everyone makes mistakes. We are only human afterall. Even the most conscientious and meticulous people make mistakes. Let me give you a few possible scenarios that would be saved by a website backup:

🔔 Within the hosting or cPanel the webmaster "deletes" the site listing
🔔 An expired credit card doesn't renew the web hosting taking the site down
🔔 The developer adds a plugin or script without testing it and it kills the site making it inaccessible
🔔 A client "updates" WordPress or breaks something in the CMS you are using
🔔 A new user unknowingly deletes a folder that’s in use, thinking they’re freeing up server space.

If the unlikely does become reality, having off-site backups is the only way to guarantee your data is secure.



Those are some realistic possibilities that could happen to anyone. Let's look at some more serious scenarios that are even more likely to happen the you will need protecting against.



It doesn't matter if your site has been hand coded (HTML static site or PHP), made in WordPress or any other webuilder platform, you need to make sure you backup your site against the things above. Server providers do make backups (check with your own!) but always recommended to take backup control into your own hands.

Site Hacked or Malware detected



It's no joke. According to Forbes Magazine, 30,000 sites are hacked everyday. And with 60% of companies with data loss shutting down in 6 months, a hacked or disabled site could mean at best scrambling around to rebuild the site or at worst no more site nor business. With a backup, after gaining control of the server again, a quick re-upload of the site is all that would be needed.

Server crashes



Hosts (good hosts) do often run backups on your account either as a courtesy or for an extra fee. But if you take control into your own hands then running a private backup will allow you to get back up and running as quickly as possible. Look at the small print carefully as some hosts say they do run backups but only to certain extents and you need to qualify what those are. It's not recommended as the main pillar of your site backup strategy.

Human error



We touched on it a little above but human error could be on the site of the end user (client) or the webmaster. It happens. Editing files late at night directly on the server via FTP, playing around with cPanel, just quickly running a CMS update, adding a small plugin, making a little content change... these small tasks carry risks and could result in a broken site. Hence processes, staging, testing and live production servers. But if you are not a big organisation or have given your site to your client then by adding a backup strategy will dramatically reduce any risk and give you huge peace of mind.

It's all about being able to sleep well at night



Mistakes happen, sites get broken. Having a backup strategy that backs up your site as regularly as you need it to and backs up off server like via email or a 3rd party like Dropbox gives you added peace of mind.

Speaking of frequency, you can decide how often to backup your site (weekly, monthly.. daily!) and can set this by visiting a page or getting the server to visit a page and executing this command under the frequency you set. We have instructions on that and takes 1 minute to setup. The frequency is dependent on your site. How often do you update plugins and themes? Are you running a CMS and make frequent content updates such as image and text changes? Do you add a lot of content to a static CMS with downloadable PDF files? Do you add lots of audio and video files often?

Everyone with a website hopes that they’ll never have to deal with losing data, and we really wish you don't have to. Most people never will — but hedging your bets with a solid backup plan is a small investment with a big payout for your time, money, and security. And that of your client or business.

With Dropkick Backup, we can help you make that a reality.

How to add a membership site to an existing HTML or PHP website

Safari 2019-07-01 at 12.49.46

Add membership functionality to any existing HTML or PHP website


Whether you've made it by hand or from a builder, whether it's a Themeforest Template or a Bootstrap template, Members Dropkick is ready to give you a membership website with login and registration. Maybe the best part is it comes with no long complex installation and doesn't need a database.

You can protect any of your current pages by pasting in a simple snippet to the top of your page (to make secure pages like the image at the top) and create a change of password, register and login page like the shots below:


screen3
screen2

These parts are auto-created. To delete a user, just delete their vCard off the server. The best thing to do would be to see the online demo.

Check out an online Demo >

Reasons why this is so great and easy to use with your site:

- Add to as many domains as you wish (unlimited)
- Users can register, login, logout and change their password
- Muti users and multi passwords
- Fast, works with SSL pages and secure Encryption of logins
- Add to any existing HTML or PHP made static site such as Bootstrap template or Themeforest HTML template
- No database required - no installation needed - just upload and easy to transfer and move
- Change password feature included - create a "my account" page
- Add logout links to your buttons so users can leave their private Members area.
- Hashed passwords with latest tech (salt and hash) so as secure as can be
- Lock multiple pages and sub pages with sessions built-in
- Delete users by easily deleting their name card off the server
- Optional personalised welcome message to users
- Translate all text strings

Get it now and add membership areas to your existing HTML or PHP static website!



How to add contact forms to Blocs app

CleanShot 2019-06-24 at 08.32.03

How to add powerful web forms to Blocs app in minutes



The above is a real example of a complex form in a Blocs app for Mac project. You can see the real site demo here >

The basic form included in Blocs app is of course great for simple contact form situations. But if you want to build out more complex and intuitive forms like surveys, registrations, order forms and so on... it's not powerful enough. For that, Just Forms for Mac can be used and the forms you create can be easily embedded into your Blocs project with copy and paste.

Why would you want more power to your forms? Well, then you can do things like this:

  • Multi-lingual forms
  • Submission manager and dashboard login to view it all
  • Reports builder and form analytics
  • Condition login / rule builder (e.g. skip multipage form steps if x or y)
  • Detailed email notifications
  • Real-time form builder
  • Can great multi-step forms and ask for more kinds of data (dates, tel numbers, etc)
  • ReCaptcha included to stop spamming
  • And loads more...

Try Just Forms for Mac and power up your Blocs form creations today!

How to add contact forms to RapidWeaver

original-1

How to add powerful and feature rich contact forms to RapidWeaver



The standard RapidWeaver Form Plugin is great for quick contact forms with a few options. But what if you want more options, power and features? How would you make a form like this?:

original

This form has:

  • a date calendar
  • styled to float across the page
  • has pagination so can go through the steps of a contact form flow
  • will send the results to multiple email addresses
  • can show results / stats breakdown of the submissions
  • could be password protected
  • could have multiple file uploads
  • is easily created with drag and drop and dropped into a RapidWeaver page using the Stack
  • and many more things...

You can see a live demo here >

To make this you need Just Forms. This is a separate app that allows you to build the forms and you use the free Stack to embed the forms (with or without styling) to your RapidWeaver pages. Publish your RapidWeaver site and off you go!

Give it a try today and make awesome forms in your RapidWeaver projects.

RapidWeaver 8 CMS

situation

How do you make your RapidWeaver 8 pages editable for clients?



(Well this also works for RapidWeaver 7 but we always recommend the latest version!)


If you've made a website for a client in RapidWeaver and want them to be able to edit a few parts how do you go about it?

Let's say you want them to do things like:

  • Update the menu on a restaurant site
  • Update the sidebar of latest flash new points
  • Change the contact information as it changes often
  • Update the team section as staff come and go regularly as lots of temporary workers

Sometimes you want to be able to allow spot updates. Parts and pieces of a RapidWeaver site that clients can update from the browser on their computers or phones, without having access to RapidWeaver (they might be on a PC) nor without breaking the whole site!

And other times you may want them to be able to edit all the content but without being able to change the colours, design and overall layout as you the designer have been commissioned and entrusted to set that up.

Well, our CMS for RapidWeaver: Dropkick CMS can do that for you.

Dropkick comes with RapidWeaver Stacks for a tight integration. Content lives on the server so always in-sync with your RapidWeaver project. Works with RapidWeaver 6+, Stacks 3+ and any Foundry, Foundation or your favourite themes. Make parts of a Stacks page editable or whole pages.

The integration with RapidWeaver is tight and easy to setup.



Add content to RapidWeaver with Dropkick CMS, not just with a Stack



See on YouTube how one RapidWeaver user loves the integration with Dropkick.



Give Dropkick a try and set your clients free today!

How to turn a bootstrap HTML template into a CMS site

logo

How to you turn a bootstrap HTML template into a CMS site that can be edited online?



Let's run through a few quick scenarios...

  • You have an existing site hand coded in HTML or PHP and want to turn that into an editable site online via the web browser either to make it easier for you to edit or for a client
  • You have a Bootstrap, Foundation, Tailwind CSS, Bulma or other framework template and you want to make that editable
  • You have bought an HTML site from a site like Themeforest, StartBootstrap, Wrapbootstrap or some other marketplace and you want to make it easily editable without having to play around with the HMTL code (either you can't or just want to type with a text WYSIYWG editor and don't want to waste time with HTML markup)
  • You have been tasked with converting your work's website into an editable site for the company and it already exists and the budget doesn't cover a re-build or converting it into a full CMS like WordPress.

Well, there's a solution for these scenarios to help you avoid having to rebuild into WordPress, to build a Bootstrap CMS of sorts or just make it easier to edit HTML or PHP websites without needing to code.

Here's a quick video showing how it's possible with a free Bootstrap template from StartBootstrap:



With Dropkick you can turn a Bootstrap HTML template into a CMS. No need to worry about syncing and the whole thing is completely white-label so you can roll it out to clients as your own CMS for them.

This is how easy it is for your clients to edit with the WYSIWYG editor:



Give it a try for your project!

How to build contact forms in Sparkle app

Safari 2019-06-19 at 16.14.20

How to create more complex Web Forms in Sparkle App for Mac



Sparkle app comes with form elements built-in that allow you to publish contact forms to your Sparkle made website. But what if you wanted more complex forms.. how would you make those?

Perhaps you want:

  • Registration forms
  • Surveys / Questionnaires
  • Longer contact forms with more fields and split over pages
  • More specific form field elements like dates, multi file upload, reCaptcha and so on
  • To build reports and have submission stats
  • Password protected forms
  • To be able to export to CSV
  • To get more submission notifications
  • And lots more...

How can I build more complex forms in Sparkle?



We have a solution that works for you.

  1. Build a form in out Just Forms app for Mac with drag and drop
  2. Publish your form
  3. Embed the Form code into your Sparkle project using the HTML element (just copy and paste)
  4. Publish your Sparkle site and the form will appear and start collecting submissions!

Here's a quick real demo of a form in a Sparkle made site:

Sparkle 2019-06-19 at 16.13.27

The outcome of a real live site is here:

Test the form yourself >
This demo was made with the Pho Evening template from SparkleCafe

Get our app today and start making simple and complex forms in no-time in your Sparkle sites!

Sparkle App CMS for Mac with Dropkick CMS

Safari 2019-06-19 at 14.53.23

How to turn your made with Sparkle for Mac projects into editable sites with Dropkick CMS



Let's assume you've got Sparkle for Mac and you're making websites. You're happy and they are working well with drag and drop. But you want to make them editable online, what do you do? You need a CMS. You need a CMS for Sparkle app.

Why would you need a CMS for Sparkle?


  • You're making sites for other people and don't have Sparkle or access to a make and want to make edits
  • This could be work for friends or client works (you may be a freelance designer)
  • You want to edit your site content from a mobile device
  • You might want to edit just the content without having to redesign the whole site or open Sparkle

How do you make Sparkle editable online?


It's actually quite easy and only took a few minutes to make this simple demo.

  1. Install Dropkick CMS to your Sparkle site domain
  2. Add content to Dropkick
  3. Copy the content ID into your Sparkle project in HTML Embed widget
  4. Republish your site
  5. Edit your content!

You can add as many editable zones to your pages as you wish. So make the sidebar editable, or the header, or the opening hours, or the menu, or the news or anything you want!

Quick online demo of Sparkle CMS


Here is adding the Dropkick Content ID into the Sparkle project:
Sparkle 2019-06-19 at 15.02.50

Here is the content in the Dropkick backend:
Safari 2019-06-19 at 14.42.53

Here is the content as it appears exactly the same in the Sparkle app created live site:
Safari 2019-06-19 at 14.42.22

Try the Demo yourself!

Here's the front end made in Sparkle >
Here's the Dropkick backend demo >

(Edit the second element to see it change on the Sparkle page - then refresh the Sparkle made page!)
Demo made with the awesome Shepherd template from the SparkleCafe

Get it for yourself and start making editable CMS sites in Sparkle for Mac!


How to add a form to your website

photo-1423666639041-f56000c27a9a

How to easily add a contact form to your website



Contact forms a little bit of a pain to create everytime. Hard to code and boring to make. If you are using a web builder like WordPress then you can probably use a plugin, but how can you add a form to WordPress that gives you lots of features and power? The form could be a link or an embed. Embed forms mean that they appear in the site and links and just that, links to a form that exists on another web page. Depending on the flow of your site will determine which one you choose.

But if you don't have the luxury of plugins for a WordPress site (or do and want more options) or you have a static PHP / HTML site and you don't want to code it all up by hand then you need to use Just Forms. It's our thing and can be bought here:


There are plenty of reasons why you should use a form builder app to add contact forms to your existing website:
  • Easy to setup with drag and drop
  • Can create conditional logic to form flow
  • Responses can be stored in a database or emailed to the form owner
  • You can export the results to CSV
  • You can do cool things like add a password protection or build analytic reports of submissions
  • There's no need to pay a subscription or anything else like that
  • You can link to the forms or embed them
  • And many more...

The kind of forms you can make are up to you. From RSVP, Contact Forms, Registration Forms to Orders, Surveys and Bookings. Here's a simple form built in a few minutes:



The form fits seamlessly into this page and can fit the same way in to your page or any other site. Just copy and paste the embed code into your page. No coding required. If you want to fiddle with the colour palette to make it blend even more, then there are options to do that. And you can even add your own CSS if you are that way inclined.

Emedding forms into WordPress or hand coded sites shouldn't be difficult or a pain and shouldn't involve install software and addons. This product allows you to create forms as powerful as you like without having to get your hands dirty.

If you want an easy way to build and embed great forms then look at Just Forms today!

5 Best small CMS apps for Designers in 2019

photo-1416339442236-8ceb164046f8

5 Best small CMS apps for Designers in 2019



You're not alone: we've struggled with updating a simple site too. Most designers have been there too. The client has a simple site and they now want to update it themselves. You don't want to rebuild it in WordPress and so want to make it editable from the current template or pages they already have live. How do you go about doing that and what are the best options out there in 2019?

In the old days, you might have kept updating it on their behalf. And hopefully charged a retainer fee for your troubles. That still works today but it's also great to empower your users and give them the freedom to make the site content changes themselves without having to bother you. That's a win-win. You get your time free and can work on new projects; and they are autonomous and can change things as and when they want without having to wait for you to complete it. This is powerful especially for small sites and mini-changes.

There are a lot of options out there and some are more complex (and expensive) than others. Let's look at the top ones for designers in 2019 and give you a head start with your project.

Dropkick CMS



Full disclosure: it's us! But our customers have told us the beauty of Dropkick CMS is the simplicity. We all like to get projects finished quickly right? Setup for making your web pages editable in your PHP or HTML site is easy. You just need to add the content to your Dropkick CMS install then place a content ID in your page where you want that to live and be editable. That's it. Off you go and edit that part of the site!

Not only can Dropkick make it easy and quick to setup editable static sites, but you can also manage media, add multi-users and edit your sites from your mobile devices.

Price: Another great thing is the price. No subscription or per domain pricing here, just a one-time forever pricing to get all-can-eat. Install on as many domains as you want for $79. Not bad at all and you just need to factor this into 1 client invoice and the next client project will be pure profit!




Pulse CMS



Pulse CMS is another very impressive and easy to work with CMS system. It's flexible and offers a lot of power. This includes a lot of features such as a blog engine, multi-users, templating engine, short codes, addons, SEO features, ecommence store, 2FA logins and real lot more. It could be seen as a more powerful static CMS but still not as heavy or troublesome as WordPress.

It has integrations with lots of design tools so your workflow shouldn't be affected and also another great thing is the community around ti is really growing. There is a forum with users and developers mingling and making great things together and the product seems to have a bright future.

Price: Another great all-you-can-eat pricing! This time is more expensive at $297 but there is also a 1-site license for $97 if you just want to try before upgrading to the unlimited pack.

Craft CMS



Craft CMS is a powerful CMS tool with a lot of extensions and addons available to make really powerful and complex sites. Whilst this can mean a bit of a headache at first to get going and adjust to a new workflow there are ample of support docs and communities dedicated to making Craft sites. The app itself is really feature rich and you can make practically any kind of site you're need to.

A popular feature in recent times has been the commerce extension. This allows you to create a store extension and whilst you may not want to build a Shopify site for a user, this allows you to keep the site and store together under one system.

Price: A little more expensive than the first two but if you are billing your clients correctly for the hard work and value you are providing them then this should be covered in a project budget. $299 per project for the CMS and $199 per project add-on for the ECommerce module.

Statamic CMS



Statamic CMS is built on the popular PHP framework Laravel. And whilst the other systems mentioned are more aimed at designers, this CMS is definitely aimed at developers. Statamic is designed to rapidly scaffold sites, eliminate repetitive tasks, and structure your data on the fly. It comes with a host of addons and the community is growing.

It also works with GitHub and version control so will suite the developer workflow. And if you can code your own sites by hand then you can bring your own markup.

Price: There isn't an unlimited license pack and each sites costs $199 per domain.

Surreal CMS

Surreal CMS is a little different to the above options as it's a hosted solution. The others live on your server (or your client's server) so this option may not suite all client needs and projects. That said, it does make it easier to setup as there's nothing to install. Just create an online account with their site and then start creating your editable areas.

It has includes and repeatables which will save a lot of time and you can also make pre-defined blocks of HTML. That said, hosting on another's server might not be possible in all projects as we mentioned and also might leave a little readability issue such as if the server goes down then your site would appear but content would be empty!

Price: $9 per site (this one is a monthly subscription) but is for unlimited sites. $19 per month includes a white-label option.

Want to get started with an easy to setup and user-friendly CMS right away? Let's make 2019 your year to get projects shipped and empower users to edit their simple sites without needing to ask you. Get Dropkick today!

Dropkick Just Forms 1.1.2

- PC version updated only
- Added more info on install: run JustForms.exe
- Any support questions: https://justdropkick.com/support.html

Dropkick Just Forms 1.1.1

- Right-click and “open” after download so Mac can open the file
- Updated to allow popups and delete files
- Any support questions: https://justdropkick.com/support.html

Dropkick Just Forms 1.1

- Added a fix for Mac copy and paste

WordPress is overkill

Wordpress is overpowered

Because WordPress is overkill.
A simple CMS that is easy to use and not a hassle to update or maintain, and works with any HTML or Bootstrap template.

Add a CMS to any webpage with Dropkick

Built for Designers

easy-collaborate-designers

Why do a job a computer can do better?


Carry on designing in Photoshop or Sketch app and bring in your exported assets to the canvas. Add them to pre-designed templates or start from scratch. Or edit any HTML file with a free form layout not restricted by templates. You might have a current site you want to tweak or a client wants you to edit their site. Now you can do that without coding anything.

Illustrators & designers like you will be the ones who change the visual web in the upcoming years. Implement your designs from start to finish withouthaving to rely on a developer. Let the machine do the coding for you, as good as any developer would do by hand.

You now have the same power at your fingertips as a developer without having to touch any code.

Go and make something great and build beautiful websites for you and your clients in less time and with less money.

Easily collaborate with clients and developers



When working with clients it's better to create something they can see quickly and in real-life that they can touch. Sending mock-up images isn't interactive enough. Send them private previews they can see and make any changes in real-time whilst on a call.

A website is not just for Christmas and things change quickly. Being able to go from design to code then back to design then code is important. Maybe you lost master copies in the process and worked from different versions? You worked from the PSD file and the developer from the code. How did you communicate the changes needed? It's better to be able to update on the fly and visually.
Have everything in one place. One master copy. You can change the design with the tools you know, and if you add a developer, they can add to the project with the coding skills they have. One project, and two methods to edit it, but with one real-time preview updating all the time so you can always see how things are progressing.

If a developer wants to give you a coded template to work from, they can upload it and save it to your Dropkick Builder account and you can just add the client's content using standard layout tools and drag and drop. Quickly switch templates any time and see how much less duplicate work you'll have to do working this way in Dropkick Builder.

Fine tune designs with real-time code editing



So maybe you are a unicorn after all. Or just one in the making. Dropkick Builder offers total control to those who need it and drastically reduces development time.

We don't hide anything from you. Dropkick Builder isn't a restricted drag and drop builder. If you want to go under the hood and edit code, just flick a switch and it's all there. For the super-designer.

HTML, CSS and Javascript editors are fully integrated with the drag and drop canvas. Click on an element to edit and it's highlighted in the markup. Change the markup in the editor and the changes will instantly be reflected in the Dropkick Builder canvas in real-time. Or vice versa. Fine tune by coding or drag and drop and learn how code works when you move things around.

Rinse and repeat for future projects



Apart from starting with an included template or theme, or importing any HTML template you have bought from anywhere or outsourced to a developer, you can also create your own in Dropkick Builder.

Create your own templates by copying & pasting your current HTML and CSS into the Dropkick Builder canvas then "save as a template". This will let you build further pages quicker or reuse for future projects.
You can also make templates by amending the stock templates in Dropkick Builder and saving differing theme versions of them. Open the advanced theme creator in Dropkick Builder, change the colours, padding, margin, font size and so on of elements in the template and save your own to make completely unique sites with no coding knowledge required.

Create designs and templates to save you time down the road.

Designers will lead the revolution

The Designer's Manifesto

I am a designer. I design in the digital age. I have an eye for design and work closely with clients to design websites that fit their business goals. I'm adroit with Photoshop or Sketch app but find it difficult turning my designs into code. I'm not a developer but I'm trying my best to learn some code when I can.

designers will lead the revolution

"I recognise that design is the key to the web's future. I have a great admiration for "back-end programmers" but I believe that illustrators/designers will be the ones who change the visual web in the upcoming years."



My secret weapon is knowing that it doesn't make much sense to try to learn to do something by hand a computer can do much better than me. I don't want to be a poorer version of a machine. "Compile", "generate" or build code from a design should be automated.

Usually I start with a blank canvas when I design but sometimes I start from web templates and want to be able to quickly edit these using the skills and tools I already have. And other times I want to easily add pre-built "widgets" or components to an existing site but I don't have the ability to programme it by hand. I am the underdog but work hard everyday and know that I don't have to be the developer-designer unicorn to win.

When I work with clients I want to create something they can see quickly and in real-life that they can touch. Sending mock-up images isn't interactive enough. And if they come to me with a current coded design I can't add to it even if I want to. They also usually have their own hosting from previous projects so don't need another hosting solution and rightly want to keep the site to themselves.

Updating quickly is also important to me. Things change fast for businesses and I want to be able to update for them on the fly. But working with developers has been slow for me in the past. Going from design to code then back to design then code. We lose master copies and work from different versions. I want this all in one place where I can change the design with the tools I know, and if we add a developer, they can add to the project with the coding skills they have. 1 project but 2 methods to edit. But in reality, I want to create these projects from start to finish all by myself.

And most of all, I'm a designer and I want to be empowered to make better designed websites.

Use a web design tool built for today's designer. Not yesterday's

There are lots of challenges facing today's web designers. Not all of those challenges are being met with software made for yesterday's web designer. No longer should you have to design then code. Do it simultaneously.

tool for designers

"How do I go from Photoshop / Sketch / design app > Coded site?" is a common problem. We need to be able to start with a blank canvas in the tool and import assets from PSD / sketch and align everything and the tool creates the code instantly in the background. Let the computer do the work. No need for us to worry about that end of things. Start in PSD / Sketch or go straight into the tool.

"How do I start from a template?" Pick a theme and start from there. Change the colours, add your own PSD assets in the content, move things around and make it unique. Again, coding automatically in the background. Why code by hand when you can have a machine do it?

"How do I add bits of code easily? (e.g. GMaps, Stripe Checkout etc)." Self-contained packages of code. Drop in and go. No need to code. Just change some api or settings depending on what it is, using a nice interface editor. Drag in from an elements menu.

Working with clients



“I want to use this template from themeforest”. You might have your own template already, bought from somewhere. Or a client might come to you and say “can you edit this for me?”. You want to be able to say “yes” and import any HTML file into your tool and then be able to edit with drag and drop, then export final project code. Copy the HTML, CSS, JS from a theme and paste it in and create a new template to reuse anytime. Save that template as “client ACME template” and boom. Edit it without needing to code.

"No need to work with a developer. You can be the developer. Dropkick Builder gives you the same power a developer has to make stunning websites."


"How can I get easy & quick feedback from clients?" This tool will be in the browser so just share the private URL with the client and as they make feedback through email, make changes. Even over Skype or the phone make real-time changes and quickly move the project forward.

“I have my own hosting. I don’t need Squarespace or Wix hosting”. OK client, that private URL you just saw, I’ve just exported it as a ZIP file and here it is so please upload it. Or, I’ve just FTP’d it to your server for you. Presto.

Making quick updates. After feedback, open the project, make the change. Save it. Publish from the tool. It then FTPs up to the server. Change committed.

"When working with developers, how can we collaborate on the same thing?" If building a parallel site, how can we commit changes back into Sketch / PSD? This is the master. Give the developer access and they can see the code in a side panel and make some code changes. They save it and it is committed to the master. As you change the code (you can get access too) it changes the drag and drop canvas at the same time. The preview is updated and if you decide to change the design, just move elements around as before without coding and it all auto creates code in the background, with any developer’s changes in tact.

"Do I need to work with a developer?" No, no need to send PSDs to the developer and wait. You can be the developer. If a developer makes changes just copy & paste them in and make this the master copy.

Products Launched

Products launched today:

- Dropkick Builder v1
- Dropkick CMS v2
- Dropkick Forms v1

It's really exciting times 🤩

This make up Dropkick3. As we make more updates they will be posted here and emailed to you automatically.