Featured on...
The biggest HTML UI KIT
Based on Foundation Zurb
21 Pages
Conference Conference Boxed NonProfit Dentist ArchitectCreative Agency Blog/News (9) Single Posts (4) Other Pages (2)
83 Sections
Blog Posts (5) Call to Action (10) Clients (7) Donate (1) Event Agenda (3) Features (8) Footer (4) Forms (7) Hero Header (9) Pricing Tables (6) Projects (9) Team (5) Testimonials (2) Venue (2) Welcome (5)173 Elements
Accoridon (3) Badges (15) Progress Bars (24) Breadcrumbs (15) Buttons (9) Labels (15)List (2) Pagination (3) Maps (2) Sliders (23) Switches (60) Typography Video (2)
Features
Awesome subtitle goes here
Based on Foundation Zurb
Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device.
Based on XY Grid
It's a new Grid System which has all the variety inbuilt in the form of multiple grid types which includes margin grid, padding grid, frame grid, block grid and vertical grid.
Google Fonts
Google Fonts is a library of 915 libre licensed fonts, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS.
Font Awesome 5
Font Awesome 5 is a font and icon toolkit based on CSS and LESS. The package contains more than 1500 pixel perfect icons.
Gulp js
Gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something incredible.
Panini
A flat file compiler that powers our demo template. Create pages with consistent layouts and reusable partials with ease.
HTML 5
HTML 5 is a software solution stack that defines the properties and behaviors of web page content by implementing a markup based pattern to it. HTML 5 is the fifth and current major version of the HTML standard, and subsumes XHTML.
CSS3
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML.
The best part? You can create unlimited combinations of Pages, Sections and Elements.
Attitude HTML UI Kit is a premium collection of pre-built UI components for agencies, freelancers, and creative professionals. Built on Foundation Zurb 6.5.3 with SASS, Gulp.js, and Panini templating, it gives you a library of reusable interface elements to speed up your HTML development workflow. Every component is coded with HTML5 and CSS3 best practices.
Features
Foundation Zurb 6.5.3
Built on the latest Foundation 6 framework with XY Grids for flexible, modern layouts.
SASS & Gulp.js
Professional build pipeline with SASS compilation, autoprefixing, and Gulp task automation.
HTML5 & CSS3
Every component follows modern web standards for clean, semantic code.
Fully Responsive
All UI components adapt to desktops, tablets, and mobile devices.
Panini Templating
Zurb Panini templating engine for reusable layouts and partial HTML templates.
Production Ready
Components are tested and ready to drop into your projects immediately.
npm Powered
Modern dependency management with npm for easy setup and updates.
Customizable Components
Every component can be styled and configured through SASS variables.
Who Is Attitude HTML UI Kit For?
This UI kit is built for front-end developers, web designers, and agencies who want a library of pre-built, professional components to speed up their HTML projects. If you build websites regularly and want consistent, high-quality UI elements, this kit saves you hours of coding.
If you are looking for a complete website template instead, check out the Attitude HTML Template which uses these same components in a full website design.
Why Choose Attitude HTML UI Kit?
Building UI components from scratch for every project wastes time. Attitude UI Kit gives you a tested, professional set of components built on Foundation 6 with a proper SASS/Gulp workflow. Every component is responsive, accessible, and production-ready.
The Panini templating engine and SASS variables make it easy to customize components to match any brand. Whether you are building a landing page, a marketing site, or a web application, these components give you a head start.
What’s Included
- Complete set of UI components (buttons, cards, forms, navigation, modals, etc.)
- Foundation Zurb 6.5.3 framework
- SASS source files with variables for easy customization
- Gulp.js build configuration
- Panini templating setup
- npm package configuration
- All HTML, CSS, JavaScript, and image assets
FAQ
- Is this a complete website template?No, this is a UI component library. For a complete website template, see our Attitude HTML Template.
- Do I need Node.js?Yes. Node.js and npm are required to run the Gulp.js build system for SASS compilation and Panini templating.
- Can I use these components in client projects?Yes. The license allows you to use the UI kit components in your projects. Check the license terms for specific usage rights.
- What version of Foundation is used?Attitude UI Kit is built on Foundation Zurb 6.5.3 with XY Grids.
Do you want to see more demos?
Pricing Options
- Regular License
- Use for Single Project
- 1 Year Premium Support
- Free Lifetime Updates
- For Non-Paying Customers
-
$
29$19 one time - Save 34%
- Add to Cart
- Extended License
- Use for Multiple Project
- 1 Year Premium Support
- Free Lifetime Updates
- For Non-Paying Customers
-
$
75$55 one time - Save 27%
- Add to Cart
- Commercial License
- Use for Multiple Project
- 1 Year Premium Support
- Free Lifetime Updates
- For Paying Customers
-
$
397$297 one time - Save 25%
- Add to Cart
Try It Risk Free For 14 Days
With Our 100% Money Back Guarantee
All orders are processed on a secure connection.
What happens after you order?
Click "Buy Now" button above and you will be taken to the Cart.
Proceed to Checkout and complete the order.
Sign in to download all files.
