Home
Alok
Logo cloud

Logo cloud

This tailwind example is contributed by Alok, on 12-Mar-2023. Component is made with Tailwind CSS v3. It is responsive.

Author Alok

9.9k

<div class="bg-white py-6 sm:py-8 lg:py-12">
    <div class="mx-auto max-w-screen-2xl px-4 md:px-8">
        <div class="mb-4 flex flex-col items-center md:mb-8 lg:flex-row lg:justify-between">
            <h2 class="mb-2 text-center text-2xl font-bold text-gray-800 lg:mb-0 lg:text-3xl">Trusted by the best</h2>

<p class="max-w-md text-center text-gray-400 lg:text-right">Filler text is dummy text which has no meaning
                however looks very similar to real text.
            </p>
        </div>

<div class="flex h-16 items-center justify-center rounded-lg bg-gray-100 p-4 text-gray-400 sm:h-32">
                <svg class="h-6 w-auto sm:h-8" width="186" height="39" viewBox="0 0 186 39" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M43.0909 31C50.1818 31 54.2841 26.6023 54.2841 19.3295C54.2841 12.0909 50.1818 7.72727 43.3295 7.72727H35.5568V31H43.0909ZM39.0682 27.9318V10.7955H43.1136C48.2045 10.7955 50.8295 13.8409 50.8295 19.3295C50.8295 24.8409 48.2045 27.9318 42.8977 27.9318H39.0682ZM63.4574 31.3864C66.3438 31.3864 67.9688 29.9205 68.6165 28.6136H68.7528V31H72.071V19.4091C72.071 14.3295 68.071 13.3182 65.2983 13.3182C62.1392 13.3182 59.2301 14.5909 58.0938 17.7727L61.2869 18.5C61.7869 17.2614 63.0597 16.0682 65.3438 16.0682C67.5369 16.0682 68.6619 17.2159 68.6619 19.1932V19.2727C68.6619 20.5114 67.3892 20.4886 64.2528 20.8523C60.946 21.2386 57.5597 22.1023 57.5597 26.0682C57.5597 29.5 60.1392 31.3864 63.4574 31.3864ZM64.196 28.6591C62.2756 28.6591 60.8892 27.7955 60.8892 26.1136C60.8892 24.2955 62.5028 23.6477 64.4688 23.3864C65.571 23.2386 68.1847 22.9432 68.6733 22.4545V24.7045C68.6733 26.7727 67.0256 28.6591 64.196 28.6591ZM89.6761 17.8068C88.9716 15.0909 86.8466 13.3182 83.0739 13.3182C79.1307 13.3182 76.3352 15.3977 76.3352 18.4886C76.3352 20.9659 77.8352 22.6136 81.108 23.3409L84.0625 23.9886C85.7443 24.3636 86.5284 25.1136 86.5284 26.2045C86.5284 27.5568 85.0852 28.6136 82.858 28.6136C80.8239 28.6136 79.517 27.7386 79.108 26.0227L75.8239 26.5227C76.392 29.6136 78.9602 31.3523 82.8807 31.3523C87.0966 31.3523 90.017 29.1136 90.017 25.9545C90.017 23.4886 88.4489 21.9659 85.2443 21.2273L82.4716 20.5909C80.5511 20.1364 79.7216 19.4886 79.733 18.3068C79.7216 16.9659 81.1761 16.0114 83.108 16.0114C85.2216 16.0114 86.1989 17.1818 86.5966 18.3523L89.6761 17.8068ZM97.1506 20.6364C97.1506 17.8523 98.9119 16.2614 101.332 16.2614C103.673 16.2614 105.071 17.75 105.071 20.3068V31H108.469V19.8977C108.469 15.5455 106.082 13.3182 102.491 13.3182C99.7756 13.3182 98.1392 14.5 97.321 16.3864H97.1051V7.72727H93.7528V31H97.1506V20.6364ZM119.537 31.3409C122.719 31.3409 123.969 29.3977 124.582 28.2841H124.866V31H128.185V7.72727H124.787V16.375H124.582C123.969 15.2955 122.81 13.3182 119.56 13.3182C115.344 13.3182 112.241 16.6477 112.241 22.3068C112.241 27.9545 115.298 31.3409 119.537 31.3409ZM120.287 28.4432C117.253 28.4432 115.673 25.7727 115.673 22.2727C115.673 18.8068 117.219 16.2045 120.287 16.2045C123.253 16.2045 124.844 18.625 124.844 22.2727C124.844 25.9432 123.219 28.4432 120.287 28.4432ZM138.114 31.3864C141 31.3864 142.625 29.9205 143.273 28.6136H143.409V31H146.727V19.4091C146.727 14.3295 142.727 13.3182 139.955 13.3182C136.795 13.3182 133.886 14.5909 132.75 17.7727L135.943 18.5C136.443 17.2614 137.716 16.0682 140 16.0682C142.193 16.0682 143.318 17.2159 143.318 19.1932V19.2727C143.318 20.5114 142.045 20.4886 138.909 20.8523C135.602 21.2386 132.216 22.1023 132.216 26.0682C132.216 29.5 134.795 31.3864 138.114 31.3864ZM138.852 28.6591C136.932 28.6591 135.545 27.7955 135.545 26.1136C135.545 24.2955 137.159 23.6477 139.125 23.3864C140.227 23.2386 142.841 22.9432 143.33 22.4545V24.7045C143.33 26.7727 141.682 28.6591 138.852 28.6591ZM164.332 17.8068C163.628 15.0909 161.503 13.3182 157.73 13.3182C153.787 13.3182 150.991 15.3977 150.991 18.4886C150.991 20.9659 152.491 22.6136 155.764 23.3409L158.719 23.9886C160.401 24.3636 161.185 25.1136 161.185 26.2045C161.185 27.5568 159.741 28.6136 157.514 28.6136C155.48 28.6136 154.173 27.7386 153.764 26.0227L150.48 26.5227C151.048 29.6136 153.616 31.3523 157.537 31.3523C161.753 31.3523 164.673 29.1136 164.673 25.9545C164.673 23.4886 163.105 21.9659 159.901 21.2273L157.128 20.5909C155.207 20.1364 154.378 19.4886 154.389 18.3068C154.378 16.9659 155.832 16.0114 157.764 16.0114C159.878 16.0114 160.855 17.1818 161.253 18.3523L164.332 17.8068ZM171.807 20.6364C171.807 17.8523 173.568 16.2614 175.989 16.2614C178.33 16.2614 179.727 17.75 179.727 20.3068V31H183.125V19.8977C183.125 15.5455 180.739 13.3182 177.148 13.3182C174.432 13.3182 172.795 14.5 171.977 16.3864H171.761V7.72727H168.409V31H171.807V20.6364Z" />
                    <path d="M0 31L24 7V31H0Z" />
                </svg>
            </div>

<div class="flex h-16 items-center justify-center rounded-lg bg-gray-100 p-4 text-gray-400 sm:h-32">
                <svg class="h-6 w-auto sm:h-8" width="173" height="39" viewBox="0 0 173 39" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M43.2727 31C50.3636 31 54.6591 26.6136 54.6591 19.3409C54.6591 12.0909 50.3636 7.72727 43.3409 7.72727H35.0227V31H43.2727ZM39.9432 26.7841V11.9432H43.0795C47.4432 11.9432 49.75 14.1705 49.75 19.3409C49.75 24.5341 47.4432 26.7841 43.0682 26.7841H39.9432ZM63.1903 31.3295C65.7699 31.3295 67.4403 30.2045 68.2926 28.5795H68.429V31H73.0199V19.2273C73.0199 15.0682 69.4972 13.3182 65.6108 13.3182C61.429 13.3182 58.679 15.3182 58.0085 18.5L62.4858 18.8636C62.8153 17.7045 63.8494 16.8523 65.5881 16.8523C67.2358 16.8523 68.179 17.6818 68.179 19.1136V19.1818C68.179 20.3068 66.9858 20.4545 63.9517 20.75C60.4972 21.0682 57.3949 22.2273 57.3949 26.125C57.3949 29.5795 59.8608 31.3295 63.1903 31.3295ZM64.5767 27.9886C63.0881 27.9886 62.0199 27.2955 62.0199 25.9659C62.0199 24.6023 63.1449 23.9318 64.8494 23.6932C65.9062 23.5455 67.6335 23.2955 68.2131 22.9091V24.7614C68.2131 26.5909 66.7017 27.9886 64.5767 27.9886ZM86.0597 13.5455H82.7756V9.36364H77.9347V13.5455H75.5483V17.1818H77.9347V26.2727C77.9119 29.6932 80.2415 31.3864 83.7528 31.2386C85.0028 31.1932 85.8892 30.9432 86.3778 30.7841L85.6165 27.1818C85.3778 27.2273 84.8665 27.3409 84.4119 27.3409C83.446 27.3409 82.7756 26.9773 82.7756 25.6364V17.1818H86.0597V13.5455ZM94.1903 31.3295C96.7699 31.3295 98.4403 30.2045 99.2926 28.5795H99.429V31H104.02V19.2273C104.02 15.0682 100.497 13.3182 96.6108 13.3182C92.429 13.3182 89.679 15.3182 89.0085 18.5L93.4858 18.8636C93.8153 17.7045 94.8494 16.8523 96.5881 16.8523C98.2358 16.8523 99.179 17.6818 99.179 19.1136V19.1818C99.179 20.3068 97.9858 20.4545 94.9517 20.75C91.4972 21.0682 88.3949 22.2273 88.3949 26.125C88.3949 29.5795 90.8608 31.3295 94.1903 31.3295ZM95.5767 27.9886C94.0881 27.9886 93.0199 27.2955 93.0199 25.9659C93.0199 24.6023 94.1449 23.9318 95.8494 23.6932C96.9062 23.5455 98.6335 23.2955 99.2131 22.9091V24.7614C99.2131 26.5909 97.7017 27.9886 95.5767 27.9886ZM114.207 31.2841C117.026 31.2841 118.491 29.6591 119.162 28.2045H119.366V31H124.139V7.72727H119.31V16.4773H119.162C118.514 15.0568 117.116 13.3182 114.196 13.3182C110.366 13.3182 107.128 16.2955 107.128 22.2955C107.128 28.1364 110.23 31.2841 114.207 31.2841ZM115.741 27.4318C113.366 27.4318 112.071 25.3182 112.071 22.2727C112.071 19.25 113.344 17.1705 115.741 17.1705C118.094 17.1705 119.412 19.1591 119.412 22.2727C119.412 25.3864 118.071 27.4318 115.741 27.4318ZM128.119 31H132.96V21.125C132.96 18.9773 134.528 17.5 136.665 17.5C137.335 17.5 138.256 17.6136 138.71 17.7614V13.4659C138.278 13.3636 137.676 13.2955 137.188 13.2955C135.233 13.2955 133.631 14.4318 132.994 16.5909H132.812V13.5455H128.119V31ZM141.213 31H146.054V13.5455H141.213V31ZM143.645 11.2955C145.088 11.2955 146.27 10.1932 146.27 8.84091C146.27 7.5 145.088 6.39773 143.645 6.39773C142.213 6.39773 141.031 7.5 141.031 8.84091C141.031 10.1932 142.213 11.2955 143.645 11.2955ZM159.318 13.5455H155.852V12.375C155.852 11.1932 156.33 10.5 157.75 10.5C158.33 10.5 158.92 10.625 159.307 10.75L160.159 7.11364C159.557 6.93182 158.227 6.63636 156.739 6.63636C153.455 6.63636 151.011 8.48864 151.011 12.2841V13.5455H148.545V17.1818H151.011V31H155.852V17.1818H159.318V13.5455ZM171.56 13.5455H168.276V9.36364H163.435V13.5455H161.048V17.1818H163.435V26.2727C163.412 29.6932 165.741 31.3864 169.253 31.2386C170.503 31.1932 171.389 30.9432 171.878 30.7841L171.116 27.1818C170.878 27.2273 170.366 27.3409 169.912 27.3409C168.946 27.3409 168.276 26.9773 168.276 25.6364V17.1818H171.56V13.5455Z" />
                    <rect y="26" width="24" height="5" />
                    <rect x="9" y="17" width="15" height="5" />
                </svg>
            </div>

<div class="flex h-16 items-center justify-center rounded-lg bg-gray-100 p-4 text-gray-400 sm:h-32">
                <svg class="h-6 w-auto sm:h-8" width="146" height="39" viewBox="0 0 146 39" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M55.0909 7.72727V22.9091C55.0909 26.3182 52.75 28.7727 48.8636 28.7727C44.9773 28.7727 42.6364 26.3182 42.6364 22.9091V7.72727H39.8182V23.1364C39.8182 27.9091 43.3864 31.4091 48.8636 31.4091C54.3409 31.4091 57.9091 27.9091 57.9091 23.1364V7.72727H55.0909ZM63.1733 37.5455H65.8551V28.3182H66.0824C66.6733 29.2727 67.8097 31.3636 71.1733 31.3636C75.5369 31.3636 78.5824 27.8636 78.5824 22.3182C78.5824 16.8182 75.5369 13.3182 71.1278 13.3182C67.7188 13.3182 66.6733 15.4091 66.0824 16.3182H65.7642V13.5455H63.1733V37.5455ZM65.8097 22.2727C65.8097 18.3636 67.5369 15.7273 70.8097 15.7273C74.2188 15.7273 75.9006 18.5909 75.9006 22.2727C75.9006 26 74.1733 28.9545 70.8097 28.9545C67.5824 28.9545 65.8097 26.2273 65.8097 22.2727ZM90.2642 13.5455H86.5369V9.36364H83.8551V13.5455H81.2188V15.8182H83.8551V26.7273C83.8551 29.7727 86.3097 31.2273 88.5824 31.2273C89.5824 31.2273 90.2188 31.0455 90.5824 30.9091L90.0369 28.5C89.8097 28.5455 89.446 28.6364 88.8551 28.6364C87.6733 28.6364 86.5369 28.2727 86.5369 26V15.8182H90.2642V13.5455ZM94.2983 31H96.9801V13.5455H94.2983V31ZM95.6619 10.6364C96.7074 10.6364 97.571 9.81818 97.571 8.81818C97.571 7.81818 96.7074 7 95.6619 7C94.6165 7 93.7528 7.81818 93.7528 8.81818C93.7528 9.81818 94.6165 10.6364 95.6619 10.6364ZM101.892 31H104.574V20.0909C104.574 17.5341 106.438 15.7273 108.528 15.7273C110.562 15.7273 111.983 17.0568 111.983 19.0455V31H114.71V19.6364C114.71 17.3864 116.119 15.7273 118.574 15.7273C120.483 15.7273 122.119 16.7386 122.119 19.3182V31H124.801V19.3182C124.801 15.2159 122.597 13.3182 119.483 13.3182C116.983 13.3182 115.153 14.4659 114.256 16.2727H114.074C113.21 14.4091 111.688 13.3182 109.392 13.3182C107.119 13.3182 105.438 14.4091 104.71 16.2727H104.483V13.5455H101.892V31ZM137.023 31.3636C140.568 31.3636 143.159 29.5909 143.977 26.9545L141.386 26.2273C140.705 28.0455 139.125 28.9545 137.023 28.9545C133.875 28.9545 131.705 26.9205 131.58 23.1818H144.25V22.0455C144.25 15.5455 140.386 13.3182 136.75 13.3182C132.023 13.3182 128.886 17.0455 128.886 22.4091C128.886 27.7727 131.977 31.3636 137.023 31.3636ZM131.58 20.8636C131.761 18.1477 133.682 15.7273 136.75 15.7273C139.659 15.7273 141.523 17.9091 141.523 20.8636H131.58Z" />
                    <path d="M16 6L29.8564 30H2.14359L16 6Z" />
                </svg>
            </div>

<div class="flex h-16 items-center justify-center rounded-lg bg-gray-100 p-4 text-gray-400 sm:h-32">
                <svg class="h-6 w-auto sm:h-8" width="151" height="39" viewBox="0 0 151 39" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M49.5227 7.72727V22.75C49.5227 25.9091 47.3409 28.1818 43.7955 28.1818C40.2614 28.1818 38.0682 25.9091 38.0682 22.75V7.72727H34.5568V23.0341C34.5568 27.9205 38.2159 31.3864 43.7955 31.3864C49.375 31.3864 53.0455 27.9205 53.0455 23.0341V7.72727H49.5227ZM61.6619 7.72727H58.1506V31H61.6619V7.72727ZM69.2188 7.72727H65.1506L72.5256 19.3636L65.1051 31H69.196L74.7869 22.0227H74.9688L80.5597 31H84.6506L77.3551 19.3636L84.6051 7.72727H80.5369L74.9688 16.8295H74.7869L69.2188 7.72727ZM96.5568 31H110.614V27.9773H100.068V7.72727H96.5568V31ZM119.426 31.3864C122.312 31.3864 123.938 29.9205 124.585 28.6136H124.722V31H128.04V19.4091C128.04 14.3295 124.04 13.3182 121.267 13.3182C118.108 13.3182 115.199 14.5909 114.062 17.7727L117.256 18.5C117.756 17.2614 119.028 16.0682 121.312 16.0682C123.506 16.0682 124.631 17.2159 124.631 19.1932V19.2727C124.631 20.5114 123.358 20.4886 120.222 20.8523C116.915 21.2386 113.528 22.1023 113.528 26.0682C113.528 29.5 116.108 31.3864 119.426 31.3864ZM120.165 28.6591C118.244 28.6591 116.858 27.7955 116.858 26.1136C116.858 24.2955 118.472 23.6477 120.438 23.3864C121.54 23.2386 124.153 22.9432 124.642 22.4545V24.7045C124.642 26.7727 122.994 28.6591 120.165 28.6591ZM132.838 31H136.156V28.2841H136.44C137.054 29.3977 138.304 31.3409 141.486 31.3409C145.713 31.3409 148.781 27.9545 148.781 22.3068C148.781 16.6477 145.668 13.3182 141.452 13.3182C138.213 13.3182 137.043 15.2955 136.44 16.375H136.236V7.72727H132.838V31ZM136.168 22.2727C136.168 18.625 137.759 16.2045 140.724 16.2045C143.804 16.2045 145.349 18.8068 145.349 22.2727C145.349 25.7727 143.759 28.4432 140.724 28.4432C137.804 28.4432 136.168 25.9432 136.168 22.2727Z" />
                    <path
                        d="M5.71591 8H0.136364L7.28409 19.6364L0 31.2727H5.63636L10.4091 23.3295H10.5909L15.3636 31.2727H21.0227L13.7614 19.6364L20.8636 8H15.3068L10.5909 15.9318H10.4091L5.71591 8Z" />
                </svg>
            </div>

<div class="flex h-16 items-center justify-center rounded-lg bg-gray-100 p-4 text-gray-400 sm:h-32">
                <svg class="h-6 w-auto sm:h-8" width="160" height="39" viewBox="0 0 160 39" fill="currentColor"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        d="M43.5455 13.5455H46.2727C46.1477 10.0341 42.9091 7.40909 38.4091 7.40909C33.9545 7.40909 30.4545 10 30.4545 13.9091C30.4545 17.0455 32.7273 18.9091 36.3636 19.9545L39.2273 20.7727C41.6818 21.4545 43.8636 22.3182 43.8636 24.6364C43.8636 27.1818 41.4091 28.8636 38.1818 28.8636C35.4091 28.8636 32.9545 27.6364 32.7273 25H29.8182C30.0909 28.8182 33.1818 31.4091 38.1818 31.4091C43.5455 31.4091 46.5909 28.4545 46.5909 24.6818C46.5909 20.3182 42.4545 18.9091 40.0455 18.2727L37.6818 17.6364C35.9545 17.1818 33.1818 16.2727 33.1818 13.7727C33.1818 11.5455 35.2273 9.90909 38.3182 9.90909C41.1364 9.90909 43.2727 11.25 43.5455 13.5455ZM57.9517 31.3636C62.679 31.3636 65.8608 27.7727 65.8608 22.3636C65.8608 16.9091 62.679 13.3182 57.9517 13.3182C53.2244 13.3182 50.0426 16.9091 50.0426 22.3636C50.0426 27.7727 53.2244 31.3636 57.9517 31.3636ZM57.9517 28.9545C54.3608 28.9545 52.7244 25.8636 52.7244 22.3636C52.7244 18.8636 54.3608 15.7273 57.9517 15.7273C61.5426 15.7273 63.179 18.8636 63.179 22.3636C63.179 25.8636 61.5426 28.9545 57.9517 28.9545ZM72.6364 7.72727H69.9545V31H72.6364V7.72727ZM84.6392 31.3636C89.3665 31.3636 92.5483 27.7727 92.5483 22.3636C92.5483 16.9091 89.3665 13.3182 84.6392 13.3182C79.9119 13.3182 76.7301 16.9091 76.7301 22.3636C76.7301 27.7727 79.9119 31.3636 84.6392 31.3636ZM84.6392 28.9545C81.0483 28.9545 79.4119 25.8636 79.4119 22.3636C79.4119 18.8636 81.0483 15.7273 84.6392 15.7273C88.2301 15.7273 89.8665 18.8636 89.8665 22.3636C89.8665 25.8636 88.2301 28.9545 84.6392 28.9545ZM96.642 31H99.3239V20.0909C99.3239 17.5341 101.188 15.7273 103.278 15.7273C105.312 15.7273 106.733 17.0568 106.733 19.0455V31H109.46V19.6364C109.46 17.3864 110.869 15.7273 113.324 15.7273C115.233 15.7273 116.869 16.7386 116.869 19.3182V31H119.551V19.3182C119.551 15.2159 117.347 13.3182 114.233 13.3182C111.733 13.3182 109.903 14.4659 109.006 16.2727H108.824C107.96 14.4091 106.438 13.3182 104.142 13.3182C101.869 13.3182 100.188 14.4091 99.4602 16.2727H99.233V13.5455H96.642V31ZM131.545 31.3636C136.273 31.3636 139.455 27.7727 139.455 22.3636C139.455 16.9091 136.273 13.3182 131.545 13.3182C126.818 13.3182 123.636 16.9091 123.636 22.3636C123.636 27.7727 126.818 31.3636 131.545 31.3636ZM131.545 28.9545C127.955 28.9545 126.318 25.8636 126.318 22.3636C126.318 18.8636 127.955 15.7273 131.545 15.7273C135.136 15.7273 136.773 18.8636 136.773 22.3636C136.773 25.8636 135.136 28.9545 131.545 28.9545ZM146.23 20.5C146.23 17.4545 148.116 15.7273 150.685 15.7273C153.173 15.7273 154.685 17.3523 154.685 20.0909V31H157.366V19.9091C157.366 15.4545 154.991 13.3182 151.457 13.3182C148.821 13.3182 147.185 14.5 146.366 16.2727H146.139V13.5455H143.548V31H146.23V20.5Z" />
                    <circle cx="7" cy="20" r="7" />
                </svg>
            </div>
            
        </div>
    </div>
</div>

Related Examples

Sponsors section
icon grid

Author:
Sienna

2 years ago

12.2k
Sponsors section with icon

Author:
Sienna

2 years ago

12.2k
Responsive Card Grid
Tailwind CSS responsive grid for feature listing. The cards have a teal background, rounded corners, and a concise display of feature titles, descriptions, and a "Learn More" link.

Author:
Amit Pachange

2 years ago

49.7k
Nested list
A nested list is suitable for a table of contents / navigational list

Author:
Noob

2 years ago

20.2k
Todo list template

Author:
Steven Kuhn

2 years ago

18k
Responsive list with icons

Author:
Prajwal Hallale

2 years ago

10.3k
Features list with icons

Author:
L.J. Weber

2 years ago

13.5k
List of links

Author:
Prajwal Hallale

2 years ago

10.1k
Users ranking list

Author:
Leif99

2 years ago

15.4k
Applications Showcase
This is a stylish and interactive application showcase component designed for web use. It features the following elements: Background Styling: The main container has a rounded-rectangle shape (rounded-3xl) with a subtle white base overlaying a high-resolution background image, styled with background-size: 600px for an artistic touch. The image itself dynamically serves as a backdrop, giving the component a layered appearance. Main Icon: A small circular icon, located at the top-right corner, appears with smooth hover effects: Enlarges to double its size (scale-[2]). Rotates (rotate-[410deg]). Moves diagonally upwards-right (translate-x-3, -translate-y-3). These transitions occur over a duration of 1 second (transition duration-1000). Overlay Gradient: A transparent gradient overlay (bg-gradient-to-l) adds a polished depth effect, transitioning from black (from-black/80) to lighter shades. App Icon and Info: Icon: The app icon is a smaller, bordered square image (rounded-2xl) with hover shrink animations (group-hover:scale-95). Text: A bold application title (text-md font-semibold) with hover-animated underline effects that gradually expand from left to right. A short app description styled as secondary text. Call-to-Action Button: Below the card is a subtle, rounded button (rounded-full) encouraging interaction. It features: A hover effect with color inversion (gray to black). A lift effect (hover:-translate-y-1) when hovered. This component is perfect for modern app showcases, offering a dynamic, user-friendly visual experience. It ensures a professional look while engaging users through smooth animations and clear calls to action.

Author:
Banshee

6 months ago

1.6k
Order Delivered List

Author:
ABDO-SY

1 month ago

312
List with highlighted text

Author:
Amit Pachange

2 years ago

9.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components