Goodkit – Multipurpose Template + UI Kit

Goodkit is built on flexible components that are designed to be combined into larger sections and full pages. We provide you with 30+ pre-built pages, but it’s also incredibly simple to create new pages all your own with ease. Copy-paste components and sections, switch up a handful of SCSS variables, and you have a brand new layout!

Pre-Built Landings

Goodkit focuses on landing pages for modern, primarily digital companies.

• Robo Advisor: A modern financial services platform
• Analytics SaaS: A UI showcase for digital products
• E-Commerce Platform: A “store building” platform landing
• Mobile Apps: Simple mobile showcase for professional apps
• Automated Integrations: Productivity software platform
• Coworking: Beautiful presentation of a work environment
• Hiring Platform: Gig economy marketing platform
• Course: Landing for a digital course
• Digital Product: Universal layout for showcasing a digital good.

Secondary Pages

Goodkit also has a collection of supporting pages to build a complete site.

• About (New)
• Pricing (2 layouts)
• Careers
• Company Benefits
• FAQ
• Blog Listing
• Blog Article (2 layouts)
• Terms
• Sign In (3 layouts)
• Sign Up (3 layouts)
• Password Reset (3 layouts)
• Error (2 layouts)
• Account (Coming soon)

Development Highlights

We built Goodkit with the same ethos as Bootstrap itself, meaning customizing and extending our components should be as simple as working with Bootstrap’s core.

• Component-centric SCSS
• Customization made easy with extensive use of SASS variables
• Live reload and webpack for rapid development and compilation
• Fully responsive on all modern browsers
• SVGs for rich dividers/backgrounds controlled by SCSS variables

Design Highlights

Goodkit was designed as a family of components from its inception, which is reflected in both the end result and the original design.

• Modern aesthetic, but flexible enough to accomodate most brands
• Included Figma design file
• Type styles, color palette, and common components for easy file-wide changes
• Two included icon sets – one rich duotone set and one simpler set for utility
• Use of a new Google fonts family pair. DM Sans and DM Serif Display are free and beautiful.

Interaction Highlights

We use modern libraries under active development and focus on making it incredibly easy to attach behavior to elements by using “data-attributes”.

• Megamenu Navigation: Native Bootstrap markup to create rich card-like dropdowns
• Animated Elements: Rich, performant animations fired when an element is on screen
• Parallax: GPU-accelerated scrolling parallax on backgrounds and DOM elements
• Sliders: Beautiful slider options for testimonials and inline galleries
• Photo/Video Zoom: Beautiful image and video zoom that feel like elements are being lifted off the page
• Typed Text: Automated type-and-delete text
• Isotope: Powerful, animated sorting and filtering of grid items
• Animated Counting: Animated count up/down to any number
• Smooth Scroll: Easily link to other parts of the page with a slick scroll