Mega Sale
Our biggest sale of the year
on every Theme & Template
Sale ends in:
00Days
00Hours
00Mins
00Secs
Shop All Themes

kbdoc – Documentation And Knowledge Base HTML5 Template with Helpdesk Forum

★ ★ ★ ★ ★ 5.00 (7 Reviews)
356 Sales

✅ Dark/Light Mode switcher.
✅ Font size switcher
✅ Onepage documentation
✅ Support Center with Forum
✅ Full RTL version included
✅ PSD files included with Images, Graphics

Get Docly

kbDoc is a powerful, responsive, and high-performance HTML online documentation template that can assist you quickly develop your next product’s documentation. It can be used for documenting API, frameworks, plugins, templates, software, user manual, etc. It’s based on Bootstrap 4 and includes a lot of elements to make your interactive documentation easily.

We designed kbDoc for the readers, optimizing not for page views or engagement — but reading. And it turns out that context is a vital part of learning.

kbDoc is not only a template but also a package of tools for creating product documentation in the best way. We followed the best coding practice by maintaining w3.org standards, made it search engine friendly (SEO optimized), perfect on any device (desktop, laptop, mobile, iPad).

Here are some key features of kbDoc that make this template better than other knowledgebase themes.

kbDocdark mode Pure Dark Mode that easy on the eyes.

kbDoc responsive screen
App style navigation menu on the mobile.

  1. Responsive Layout
  2. Built with Bootstrap 4.3
  3. CSS3 & HTML5 validated by w3.org standards
  4. SCSS files included
  5. Megamenu
  6. Semantic coding
  7. 35+ Pages
  8. Sticky sidebar
  9. Full-width layout
  10. Syntax highlighter
  11. Button variations
  12. Typography
  13. Tabs
  14. Alerts / Messages / Notes
  15. Accordion
  16. Lightbox
  17. Tooltips
  18. Carousel
  19. Directory explanation
  20. File tree navigation
  21. Table of content
  22. Software Change-log
  23. Property table
  24. Article feedback
  25. Responsive video (YouTube, Vimeo, Self-hosted)
  26. Easy to Customize.
  27. Bootstrap 4 Responsive Framework
  28. Unique and Modern Style.
  29. Super Clear and Clean Layout.
  30. Awesome and Creative Design.
  31. Great CSS Animations.
  32. Search Engine Optimised Code.
  33. W3C Validated Code.
  34. Mailchimp integrated.
  35. Free Google Fonts.
  36. Free Font Based Icons.
  37. All Modern Browser Supported.
  38. Developer friendly code.
  39. Free Update.
  40. Well Commented Code

Here are some amazing tools that will help you build your product documentation interactively.

  1. Dark mode switcher.
  2. Font size switcher
  3. Full-width and Box width container-based.
  4. Article Table of contents (on this page)
  5. Documentation with sticky and non-sticky header
  6. Onepage documentation
  7. Documentation feedback
  8. Dynamic, informative pre-loader on every page
  9. Footnotes for doc reference
  10. Page preview tooltip
  11. Can I use? for showcasing appropriate and inappropriate options
  12. Image Hotspot to point out the targeted parts of an image

Sources and Credits

  1. Icon Font: The Elegant Icon
  2. Icon Font: fontawesome
  3. Images Used: Freepik, Unsplash

Contact Support

This store provides 6 months of support for this item. If you have purchased this item and need technical assistance, please open a support ticket.

Support Includes:

  • Answering technical questions about item's features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets
5.0/5
G
grknzsy 2 years ago
for Customizability

Rated for Customizability.

A
anis112 3 years ago
for Feature Availability

Excellent features are available there for using this template as knowledge base website

S
Author Author 3 years ago

Your response will be publicly visible. The customer will be also be able to see your email address should they wish to continue the discussion.

D
dwcj 4 years ago
for Code Quality

Rated for Code Quality.

T
totolcs 4 years ago
for Design Quality

Rated for Design Quality.

B
badearobert 5 years ago
for Design Quality

Rated for Design Quality.

K
kimaaa 5 years ago
for Customer Support

Great theme with good options and simple customization.

S
Author Author 5 years ago

Your response will be publicly visible. The customer will be also be able to see your email address should they wish to continue the discussion.

H
hobby-work 5 years ago
for Feature Availability

Rated for Feature Availability.

30 comments found.

B
biofsoares 5 years ago

I am trying to accomodate kbdoc html template in a Django project. However, I am no so sure how to include this template in my folder and files structure. Should you know how to do it, or whether there is already a website that did the same, could you please provide some support?

Thank you for you assistance.

S
spider-themes Author 5 years ago

Since it's a HTML template, we can't give you support regarding a Django project.

Thanks

K
kimaaa 5 years ago

Hello,

You made a great template.
But ive one question:

Go to https://html.creativegigs.net/kbdoc/kbdoc-html/cheatsheet.html
And you see the folding menu on the left.

You can click on the carrot to open and close the menu. But i also want to open and close the menu by clicking on the title of the subject (the link on the left of the carrot).

Now if i click, it goes to a page but i want it to behave just like the carrot, opening and closing the menu.

I hope you can help.

Greets,

S
spider-themes Author 5 years ago

Thanks for appreciating the template.

We had created the doc navigation like that. Although it's a customization part, we are giving here a JS code that will open and close the menu by clicking on the title of the subject.

;(function ($) {
"use strict";
$('.nav-sidebar > li a.nav-link').on('click', function (e) {
e.preventDefault()
$(this).parent().find('ul').first().toggle(300);
$(this).parent().siblings().find('ul').hide(300);
});
})(jQuery);

Thanks

K
kimaaa 5 years ago

Thank you for the fast reply.
I was not sure if it was the bootstrap or custom code. Thank you for pointing out where the option is located. It is clear now.

S
spider-themes Author 5 years ago

It's custom JS code. You have to know how to edit JavaScript code.

K
kimaaa 5 years ago

No problem, got it working, thanks

S
spider-themes Author 5 years ago

Glad to know that.

B
badearobert 5 years ago

Hello,
I've bought your theme and I absolutely love it.
I do have a few questions:

- is there a quick way to change the prism theme when changing the theme from light to dark?
- i'm having an issue with the documentation navigation toolbar from the left, the progress bar over the chapter does not update properly, in your pages it updates as you're scrolling down, whereas for me it updates for the next chapter? Also, is there a way to automatically minimize when reaching the end of page?

Thank you so much.
Have a nice day,
Robert

B
badearobert 5 years ago

I've done some investigation in code and in browser and it seems the progress bar js has some issue if the first item is not a single entry (li) but a parent (ul). also, the issue with the list starting with the last element already dropped down is also fixed if last entry is a single entry (obviously). so question #2 is completely fixed, leaving the answer here for future buyers. now im left with the theme change question only

S
spider-themes Author 5 years ago

There are available some other themes in the prismjs. You can see the examples on their website https://prismjs.com/.
You can use the Twilight theme for the dark mode. You need to configure it based on the body class changing dark_mode.

Glad to see you have figured out the other issue.

Thanks

B
biofsoares 5 years ago

I have to decide between buying kbDoc or Docy where both seem to be developed by Spider-Themes and both are quite similar. So please, could you help me understand what is the difference between these two html templates?

Thank you

S
spider-themes Author 5 years ago

The Docy template has some extra pages and functionality than the kbDoc template. That's why we priced Docy a bit more than the kbDoc.

Thanks

K
ktrbablukumar 5 years ago

Is it html 5 page or word press. or can we convert this page with angular 12, correct me if i am wrong....

S
spider-themes Author 5 years ago

Yes, this is HTML 5 template. You can convert this template to Angular JS version.

Thanks

I
ilkay100 6 years ago

Hello there What is the cost to adapt the template to the php version? I want to apply it to a subfolder on the site and open it in the site Thanks for information

S
spider-themes Author 6 years ago

Please email me at [email protected] for more information regarding this.

Thanks

I
ilkay100 6 years ago

Hello there your script is very good. Is the php I want to learn adaptable to my site? Can I install it in the support subfolder

S
spider-themes Author 6 years ago

It's a static HTML template. You can not install it. You have to do it dynamic yourself.
Also, you can hire us to make the PHP version of this template.

Thanks

P
paulscholes7 6 years ago

Is this the same docly theme?
I liked the docly theme but the price is too expansive...

S
spider-themes Author 6 years ago

Yes, this is the HTML version of Docly theme.

Glad to know that you liked the Docly theme. If you want to purchase the Docly theme, I can give you discount on your purchase.
Mail me at [email protected] for your discount.

Thanks

A
ataaaksoy 6 years ago

Hello, will you include the user page in this theme?

S
spider-themes Author 6 years ago

No plan to add the user profile page to this template.

Note that you will get the user page along with other pages in our Docy template https://themeforest.net/item/docy-documentation-and-knowledge-base-html5-template-with-helpdesk-forum/30855501

Thanks

N
nathanj92 6 years ago

Hi,

Can you please tell me how I could get KBDocs to load for all users in dark mode by default?

Thanks!

S
spider-themes Author 6 years ago

If dark mode enabled from user device's OS, the dark mode will be automatically enabled by default in the kbDocs.

Thanks

N
nathanj92 6 years ago

Hey, I know that, but I wan't to completely disable light mode, so it only loads in dark mode. Is there a quick way of doing this?

N
nathanj92 6 years ago

In fact, I've sorted this. For anyone else wondering if it's possible, I edited the /js/main.js file, at line 456, change the applyDay function to show this:

$("body.doc").addClass("body_dark");

S
spider-themes Author 6 years ago

Thanks for this solution. Anyone else might be helped by this.

Page 2 of 3