Popular blocks

To enhance the presentation of the information of your page you can use blocks. For example, this page uses the link grid block to create the boxes that group the different blocks by categories.

There are plenty of blocks available for free. You can see an extensive list of free and open source blocks below:

icon : fa-pie-chart
title : Charts
text : Charts and diagrams to visualize data, designs and project information <a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/graph'>A block to create and edit diagrams,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/chartjs'>Line chart, &nbsp;Pie chart, &nbsp;Doughnut chart, &nbsp;Bar chart, &nbsp;Radar chart, &nbsp;Bubble chart, &nbsp;Polar chart,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/sequence'>Sequence diagram,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/gantt'>Gantt diagram,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/bottomTop'>Bottom top diagram,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/topBottom'>Top bottom diagram,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/rightLeft'>Right left diagram,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/leftRight'>Left right diagram</a>

icon : fa-flask
title : UI Elements
text : Common UI Elements <a style="color : #1b9866; text-decoration: none;" href="https://www.nitoku.com/@nitoku.public/title">Title block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/link'>Link block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/linkGrid'>A grid block to display several links,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/info'>Info block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/warning'>Warning block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/success'>Success block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/danger'>Danger block.</a>

icon :  fa-commenting
title : Chat
text : A chat block that you can embed on your pages based on the popular gitter application.
href : https://www.nitoku.com/@nitoku.public/gitter

icon : fa-flask
title : Widgets
text : Common widgets and utilities. <a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/countdown'>A countdown block,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/faq'>A block to insert FAQ boxes,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/carousel'>Carousel block</a>

icon :  fa-text-width
title : Text editor
text : Rich text editing application to modify page contents.
href : https://www.nitoku.com/@nitoku.public/editor

icon : fa-code
title : Developers
text : Advance blocks for developers. <a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/code'>HTML Editor,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/highlight'>Code syntax highlight</a>

icon :  fa-calendar
title : Calendar
text : A block to display a monthly calendar with  events.
href : https://www.nitoku.com/@nitoku.public/fullcalendar

icon : fa-google
title : Google
text : Blocks to embed google applications on your web page. <a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/youtube'>YouTube,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/gforms'>Google forms,</a>&nbsp;&nbsp;<a style="color : #1b9866; text-decoration: none;" href='https://www.nitoku.com/@nitoku.public/gdrive'>Google drive</a>

icon :   fa-superscript
title : Math formula
text : A block that insert mathematical formulas on your pages.
href : https://www.nitoku.com/@nitoku.public/tex

icon :  fa-table
title : Table
text : Create advanced tables that suport pagination, instant search, column ordering and more. 
href : https://www.nitoku.com/@nitoku.public/datatables

Learn more about blocks.🔗

Follow the following links to know more about blocks.

How to create a block. Developers.🔗

Nitoku platform provides tools and APIs that enables users on the platform to create their own blocks. To create blocks on Nitoku you need to have at least a intermediate knowledge of HTML, CSS and Javascript. Follow this link to read the documentation for developers.