Home
Prajwal Hallale
List of links

List of links

This tailwind example is contributed by Prajwal Hallale, on 28-Feb-2023. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

List

Author Prajwal Hallale

10.1k

Fork Fullscreen

<div
    class="max-w-sm mx-auto mt-20 p-4 shadow-md rounded-lg border-t-2 border-teal-400 dark:bg-gray-900 dark:text-white">
    <div class="flex justify-between pb-4">
        <p class="font-bold text-xl">Related tools</p>
    </div>
    <ul class="flex flex-col pl-1">
        <li class="border-b py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">JSON Formatter</a>
        </li>
        <li class="border-b py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">XML Formatter</a>
        </li>
        <li class="border-b py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">Calculators</a>
        </li>
        <li class="border-b py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">JSON Beautifier</a>
        </li>
        <li class="border-b py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">Recent Links</a>
        </li>
        <li class="py-2 dark:border-gray-600">
            <a class="dark:text-gray-300">Sitemap</a>
        </li>
    </ul>
</div>

Related Examples