CSS

    8 subcategories

    Browse CSS examples — animations, layouts, typography, and visual effects. Filter the directory below.

    css-code-examples

    Topic groups

    8

    Snippets indexed

    11,392

    Best for

    Components, layout patterns, and ready-to-browse UI examples

    table of contents

    Browse by topic

    Each block lists subtopics in columns — open a topic to see snippets.

    8 visible groupsFilter by keyword

    EFFECTS

    3D Text Effects33Open topic
    3D Transform Examples82Open topic
    Animation Examples160Open topic
    Animation Libraries0Open topic
    Blob Animations32Open topic
    Blur Effects29Open topic
    Book Effects37Open topic
    Cutout Effects4Open topic
    Direction Aware Effects12Open topic
    Drop Caps3Open topic
    Duotone Effects4Open topic
    Faiding Effects5Open topic
    Fire Animation30Open topic
    Flashlight Effects1Open topic
    Frosted Glass Effects8Open topic
    Glitch Effects29Open topic
    Glow Effects73Open topic
    Gooey Effects4Open topic
    Hover Effects151Open topic
    Isometric Effects7Open topic
    Kinetic Effects4Open topic
    Liquid Effects28Open topic
    Liquid Glass Effects16Open topic
    Morphing Effects13Open topic
    Neon Effects9Open topic
    Optical Illusions5Open topic
    Page Flip Effects3Open topic
    Page Transitions25Open topic
    Paper Effects33Open topic
    Parallax Effects45Open topic
    Perspective Effects62Open topic
    Rain Effects4Open topic
    Reveal Animations37Open topic
    RGB Effects6Open topic
    Ripple Effects28Open topic
    Rolling Effects4Open topic
    Scroll Effects56Open topic
    Shimmer Effects12Open topic
    Shine Effects3Open topic
    Snow Effects22Open topic
    Squircle Effects9Open topic
    Text Animations97Open topic
    Text Effects134Open topic
    Text Glitch Effects23Open topic
    Text Glow Effects25Open topic
    Text Highlight Effects8Open topic
    Text Shadow Effects30Open topic
    Tilt Effects8Open topic
    Typing Text Effects11Open topic
    Water Effects15Open topic
    Wave Effects7Open topic
    Zoom Effects9Open topic

    ESSENTIALS

    3D Buttons40Open topic
    3D Examples142Open topic
    Animated Backgrounds46Open topic
    Animated Buttons26Open topic
    Arrows66Open topic
    Background Patterns231Open topic
    Badges36Open topic
    Blockquotes50Open topic
    Blog Cards26Open topic
    Border Animations57Open topic
    Border Examples61Open topic
    Business Cards17Open topic
    Button Click Effects32Open topic
    Button Hover Effects61Open topic
    Button Libraries3Open topic
    Buttons214Open topic
    Card Hover Effects42Open topic
    Cards192Open topic
    Close Buttons16Open topic
    Color Palettes16Open topic
    Corners26Open topic
    Credit Cards17Open topic
    Cubes48Open topic
    Dividers17Open topic
    Download Buttons19Open topic
    Fixed Backgrounds20Open topic
    Flat Buttons43Open topic
    Flip Cards28Open topic
    Floating Action Buttons14Open topic
    Ghost Buttons18Open topic
    Gradient Buttons28Open topic
    Hexagons27Open topic
    Links37Open topic
    Lists58Open topic
    Loaders187Open topic
    Material Design Cards16Open topic
    Modal Windows72Open topic
    Movie Cards14Open topic
    Multi (Group) Buttons28Open topic
    Nested Lists4Open topic
    Notifications21Open topic
    Panels18Open topic
    Particle Backgrounds14Open topic
    Play/Pause Buttons24Open topic
    Product Cards33Open topic
    Profile Cards28Open topic
    Progress Bars43Open topic
    Progress Steps0Open topic
    Recipe Cards8Open topic
    Ribbons30Open topic
    Scroll Bars4Open topic
    Scroll Buttons4Open topic
    Social Share Buttons20Open topic
    Speech Bubbles25Open topic
    Spheres11Open topic
    Spinners150Open topic
    Stacked Cards16Open topic
    Submit Buttons16Open topic
    Timelines91Open topic
    Titles2Open topic
    To-Do Lists4Open topic
    Tooltips41Open topic
    Triangle Backgrounds15Open topic
    Triangles33Open topic

    INPUT

    Checkbox Hacks19Open topic
    Checkboxes104Open topic
    Checkout Form23Open topic
    Contact Forms16Open topic
    Filter and Sort4Open topic
    Floating Labels1Open topic
    Form Validation1Open topic
    Forms109Open topic
    Input Text33Open topic
    Login Forms31Open topic
    Radio Buttons115Open topic
    Radio Hacks2Open topic
    Range Sliders44Open topic
    Search Boxes35Open topic
    Select Boxes41Open topic
    Star Ratings38Open topic
    Subscribe Forms25Open topic
    Toggle Switches148Open topic

    LAYOUTS

    Card Layouts19Open topic
    Dashboards18Open topic
    Flyers12Open topic
    Hero Sections38Open topic
    Layout Switchers4Open topic
    Magazine Layouts80Open topic
    Masonry Examples15Open topic

    MEDIA

    Animated Counters8Open topic
    App Design26Open topic
    Avatars35Open topic
    Banners18Open topic
    Barcodes10Open topic
    Calculators8Open topic
    Calendar Grids10Open topic
    Calendars40Open topic
    Carousels32Open topic
    Charts and Graphs30Open topic
    Chats12Open topic
    Clocks34Open topic
    Countdown Timers15Open topic
    Counters15Open topic
    Flowcharts16Open topic
    Frames19Open topic
    Galleries118Open topic
    Games21Open topic
    Icons45Open topic
    Illustrations140Open topic
    Image Effects140Open topic
    Image Grids22Open topic
    Image Range Sliders2Open topic
    Infographics26Open topic
    IPhones24Open topic
    Keyboards15Open topic
    Logos58Open topic
    Maps1Open topic
    Music Players22Open topic
    Periodic Tables6Open topic
    Picture-in-Picture1Open topic
    Portfolio0Open topic
    Posters38Open topic
    Pricing Tables28Open topic
    Skeleton Loading12Open topic
    Sliders117Open topic
    Slideshows18Open topic
    Social Media Icons33Open topic
    Sprites8Open topic
    Tables25Open topic
    Testimonials16Open topic
    Theme Switches11Open topic
    Thumbnails34Open topic
    Video3Open topic
    Weather Icons14Open topic
    Weather Widgets16Open topic

    NAVIGATION

    Accordion Menus11Open topic
    Accordions36Open topic
    Breadcrumbs26Open topic
    Circle Menus23Open topic
    Dotted Menu Icons11Open topic
    Dropdown Menus30Open topic
    F.A.Q.1Open topic
    Footers18Open topic
    Fullscreen Menus25Open topic
    Hamburger Menu Icons65Open topic
    Headers52Open topic
    Horizontal Accordions9Open topic
    Horizontal Menus24Open topic
    Hotspots26Open topic
    Mega Menus1Open topic
    Menus134Open topic
    Mobile Menus19Open topic
    Off-Canvas Menus15Open topic
    Pagination33Open topic
    Sidebar Menus26Open topic
    Sliding Menus19Open topic
    Sticky Headers7Open topic
    Tab Bars42Open topic
    Tabs26Open topic
    Tags8Open topic
    Toggle Menus23Open topic
    Vertical Accordions14Open topic

    OTHER

    Bubbles18Open topic
    Clouds16Open topic
    Coins9Open topic
    Data Visualization7Open topic
    Halloween2Open topic
    Open Props7Open topic
    Pixel Art27Open topic
    Solar Systems13Open topic
    Studio Ghibli Characters19Open topic
    Tickets23Open topic
    Tree View9Open topic
    Watches10Open topic
    Hand-picked 3d button33Open topic
    Accordion menus13Open topic
    Simple animated etc25Open topic
    Animated backgrounds25Open topic
    Hand-picked animated button14Open topic
    Pure animated counter8Open topic
    App design23Open topic
    And for boxes20Open topic
    Hand-picked avatar25Open topic
    Backdrop filter16Open topic
    Background-blend-mode11Open topic
    Background-clip15Open topic
    Banner19Open topic
    Barcodes10Open topic
    Blog cards25Open topic
    Pure blur effect20Open topic
    Flip layout etc25Open topic
    Hand-picked border25Open topic
    Multiline collapsed etc16Open topic
    Hand-picked bubble18Open topic
    Business card16Open topic
    Button click effect20Open topic
    Button libraries14Open topic
    And pure calculator8Open topic
    Calendar grid10Open topic
    Responsive event etc20Open topic
    Card hover effect25Open topic
    Card layouts14Open topic
    Layout animation etc25Open topic
    Chart and graph26Open topic
    Hand-picked chat12Open topic
    Label checked etc25Open topic
    Checkout form21Open topic
    Circle menu22Open topic
    Animated and etc45Open topic
    Close button15Open topic
    And pure cloud16Open topic
    Coin9Open topic
    Hand-picked color palette15Open topic
    Contact form15Open topic
    Corner21Open topic
    Pure countdown timer14Open topic
    And pure counter6Open topic
    Credit card16Open topic
    Cube25Open topic
    Custom property39Open topic
    Dashboard15Open topic
    Pure direction-aware effect14Open topic
    Vertical horizontal etc41Open topic
    Dotted menu icons11Open topic
    Download button18Open topic
    Filter18Open topic
    Fire animation28Open topic
    Flat button25Open topic
    Flexbox19Open topic
    Hand-picked flip card24Open topic
    Floating action button11Open topic
    Flowchart17Open topic
    And pure flyer11Open topic
    Font variable effect16Open topic
    Form25Open topic
    And pure farame17Open topic
    Fullscreen menu23Open topic
    Galleries with little25Open topic
    And pure game19Open topic
    Ghibli characters in19Open topic
    Glassmorphism effect examples44Open topic
    Effects pure collection23Open topic
    Glow text effect17Open topic
    Gradient button22Open topic
    Gradient29Open topic
    Grid examples35Open topic
    Hand-picked group button22Open topic
    Hamburger menu icons25Open topic
    Sticky fixed etc12Open topic
    Of hero effects35Open topic
    Hand-picked hexagon23Open topic
    Horizontal accordion10Open topic
    Hand-picked hotspot12Open topic
    Hand-picked hover effect25Open topic
    And icon set25Open topic
    Pure illustration25Open topic
    Hover and more22Open topic
    Infographic26Open topic
    And pure keyboard15Open topic
    Hand-picked linear-gradient13Open topic
    Hand-picked link style25Open topic
    Animations for websites25Open topic
    Login form25Open topic
    And pure logo25Open topic
    Magazine layouts25Open topic
    Mask13Open topic
    Masonry layout16Open topic
    Material design card15Open topic
    Mobile and more25Open topic
    Mobile menu19Open topic
    And modal windows25Open topic
    Movie card13Open topic
    Hand-picked neumorphism25Open topic
    Badges and more18Open topic
    Nth-child12Open topic
    Off-canvas menu16Open topic
    Hand-picked page transition11Open topic
    Design and more18Open topic
    Hand-picked panel18Open topic
    Paper effect25Open topic
    And parallax effect26Open topic
    Hand-picked particle background14Open topic
    Hand-picked periodic table6Open topic
    And pure perspective15Open topic
    Pixel art code20Open topic
    Playpause button14Open topic
    Position sticky9Open topic
    Hand-picked poster25Open topic
    Hand-picked pricing table18Open topic
    Product card26Open topic
    Profile card22Open topic
    Hand-picked progress bar25Open topic
    Effects typography styles20Open topic
    Custom radio buttons25Open topic
    Hand-picked range slider25Open topic
    Recipe card8Open topic
    Reveal animation23Open topic
    Banner and more28Open topic
    Ripple effect23Open topic
    Hand-picked scroll effect25Open topic
    Hand-picked search box25Open topic
    Arrow and more12Open topic
    Fullscreen and more25Open topic
    Animated and more15Open topic
    Sliding menu19Open topic
    Snow effect17Open topic
    Icon and button27Open topic
    Social share button18Open topic
    Solar system13Open topic
    Hand-picked loading spinner25Open topic
    Stacked card11Open topic
    Hand-picked star rating25Open topic
    Hand-picked submit button13Open topic
    Subscribe form24Open topic
    Tabs24Open topic
    Tag examples8Open topic
    Testimonial examples15Open topic
    3d text animation25Open topic
    Rotating typing etc25Open topic
    Text glitch effect20Open topic
    Text shadow effect23Open topic
    Text-stroke14Open topic
    Thumbnail25Open topic
    Ticket examples20Open topic
    Toggle menu17Open topic
    Tree view examples6Open topic
    Hand-picked triangle25Open topic
    Typing text effect11Open topic
    Vertical accordion12Open topic
    Watch9Open topic
    Hand-picked water effect15Open topic
    Weather icon17Open topic
    Hand-picked iphone examples24Open topic

    PROPERTIES

    ::first-letter3Open topic
    ::scroll-*2Open topic
    :active2Open topic
    :has68Open topic
    :nth-child()24Open topic
    @keyframes173Open topic
    @property48Open topic
    @starting-style5Open topic
    Anchor Positioning14Open topic
    Backdrop-filter38Open topic
    Background-blend-mode13Open topic
    Background-clip27Open topic
    Box-shadow96Open topic
    Calc()40Open topic
    Calc-size()1Open topic
    Clamp()14Open topic
    Clip-path121Open topic
    Conic-gradient24Open topic
    Container Queries11Open topic
    Cubic-bezier31Open topic
    Custom properties (variables)284Open topic
    Drop-shadow()6Open topic
    Filter55Open topic
    Flexbox72Open topic
    Font variable21Open topic
    Gradient141Open topic
    Grid170Open topic
    Hue-rotate()4Open topic
    Light-dark()11Open topic
    Linear-gradient62Open topic
    Mask50Open topic
    Mix-blend-mode46Open topic
    Motion path17Open topic
    Position: sticky;15Open topic
    Preserve-3d9Open topic
    Pseudo Elements108Open topic
    Radial-gradient37Open topic
    Scroll-driven32Open topic
    Scroll-snap12Open topic
    Scroll-state1Open topic
    Shape()4Open topic
    Shape-outside21Open topic
    Sibling Selectors4Open topic
    Steps()1Open topic
    Stroke-dashoffset14Open topic
    Subgrid1Open topic
    Text-stroke15Open topic
    Transform176Open topic
    Transition145Open topic
    Z-index1Open topic