Drop CapsL(caps)ike pages in a premium magazine, drop caps add character and help capture a reader’s attention right from the first line. Buttons work as clean and clear call-to-action elements, guiding users to download, purchase, or continue reading important content. A table of contents improves navigation by allowing readers to jump directly to sections they care about, while also enhancing SEO structure. Post cards visually showcase related or featured articles, improving engagement and helping visitors discover more content effortlessly.
Table of Content
Default Buttons
(getButton) #text=(My Button) #icon=(demo) (getButton) #text=(Download) #icon=(download) (getButton) #text=(Buy Now) #icon=(buy) (getButton) #text=(Cart button) #icon=(cart) (getButton) #text=(Visit Link) #icon=(link) (getButton) #text=(My Info) #icon=(info) (getButton) #text=(Demo Button) #icon=(demo) (getButton) #text=(Share Button) #icon=(share)
Large Button
(getButton) #text=(My Button) #icon=(demo) #size=(1)Center Buttons
(getButton) #text=(Demo Button) #icon=(demo) #color=(#169c87) (getButton) #text=(Download) #icon=(download) #color=(#3aa937)Color Buttons
(getButton) #text=(My Button) #icon=(demo) (getButton) #text=(Download) #icon=(download) #color=(#3aa937) (getButton) #text=(Buy Now) #icon=(buy) #color=(#d34c2f) (getButton) #text=(Cart button) #icon=(cart) #color=(#35c0d3) (getButton) #text=(Visit Link) #icon=(link) #color=(#1673e3) (getButton) #text=(My Info) #icon=(info) #color=(#4c5063) (getButton) #text=(Demo Button) #icon=(demo) #color=(#169c87) (getButton) #text=(Share Button) #icon=(share) #color=(#de7500)Download Button
Buy Button
Bordered Table
| Firstname | Lastname | |
|---|---|---|
| John | Doe | john@example.com |
| Kim | Carl | kim@example.com |
| Mule | Johan | mule@example.com |
Contact Form
Alert Boxes
Alert Message SuccessYour action was completed successfully and everything is working as expected. This message indicates positive confirmation or completion. (alert-success)
Alert Message Passed
Your request has been submitted and is now under review. This message shows a neutral success state or information passed to the user. (alert-passed)
Alert Message Warning
Please check your input again before continuing. This message warns the user about something that needs attention or correction. (alert-warning)
Alert Message Error
Something went wrong and the action could not be completed. This message is used for errors, failures, or required urgent fixes. (alert-error)
Code Box
// Log a welcome message in the console function welcomeUser(name) { console.log("Welcome, " + name + "!"); } // Add two numbers and return the result function addNumbers(a, b) { return a + b; } (code-box)