flexbox-layout

There are 352 repositories under flexbox-layout topic.

  • phuocng/csslayout

    A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

    Language:MDX8.1k11433516

  • youngsoft/MyLinearLayout

    MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL

    Language:Objective-C4.4k161143896

  • layoutBox/FlexLayout

    FlexLayout adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax.

    Language:Swift2.1k32136236

  • afonsopacifer/awesome-flexbox

    :eyeglasses: A curated list of CSS Flexible Box Layout Module or only Flexbox.

    1.3k613119

  • soufiane-fadil/angular-material-dashboard

    Angular Material Dasshboard using Angular Material, highcharts and flexbox

    Language:TypeScript324190247

  • gilzoide/unity-flex-ui

    Flexbox layout support for Unity UI using the Yoga layout engine

    Language:C++20052422

  • changhuixu/angular-material-admin

    Angular Material Admin Dashboard

    Language:TypeScript1605173

  • yottahmd/furex

    A minimal GUI framework built on top of Ebitengine that provides support for the Flex Layout Algorithm, building UI from HTML, and user interaction components such as buttons.

    Language:Go1543238

  • YauhenKavalchuk/css-flexbox

    Код учебного курса “CSS Flexbox” на YouTube-канале webDev (https://tinyurl.com/e4jhsxpj)

    Language:CSS542048

  • jeroenoomsNL/the-flex-grid

    The Flex Grid is a responsive CSS flexbox grid. Because we can!

    Language:CSS5351110

  • philmtd/css-fx-layout

    📦 The responsive SCSS-only flexbox library inspired by Angular Flex-Layout. 🐝

    Language:SCSS504912

  • gotbahn/flex-box-grid

    Responsive, mobile first Flexbox Grid

    Language:CSS40363
  • flexbox-guide

    Souravdey777/flexbox-guide

    ⚡ A Guide for the concept of Flexbox and responsive design. Simply set the attributes as you needed and copy the CSS code. 🎉

    Language:JavaScript40108

  • layoutBox/StackViewLayout

    Coming soon!

    30927
  • Flexor

    DerekChasse/Flexor

    Blazor flexbox components

    Language:C#25155

  • dinanathsj29/css-flexbox-beginners-tutorial

    CSS flexbox tutorial for all, This is comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox.

    Language:HTML19206

  • ar-android/duolingo-view-move

    View move animation like duolingo app

    Language:Kotlin16204

  • Ayokanmi-Adejola/FAQ-accordion

    A clean, modern FAQ accordion implementation featuring expandable/collapsible sections with smooth transitions. Built with pure HTML, CSS, and JavaScript.

    Language:HTML150

  • Ayokanmi-Adejola/Music-Player

    A modern responsive music player with glassmorphism design. Features full audio playback, playlist management, and seamless cross-device compatibility. Built with vanilla HTML, CSS, and JavaScript.

    Language:HTML150

  • Ayokanmi-Adejola/Tic-Tac-Toe

    A modern, feature-rich Tic Tac Toe game built with HTML, CSS, and JavaScript. This responsive web application offers a personalized gaming experience with multiple customization options and advanced gameplay features.

    Language:JavaScript141

  • Ayokanmi-Adejola/Testimonial-Page

    A responsive testimonial page built for the devChallenges.io challenge. Crafted with semantic HTML and modern CSS to achieve a pixel-perfect, accessible, and visually engaging layout for both desktop and mobile devices.

    Language:HTML111

  • Ayokanmi-Adejola/Stats-Preview-Card

    A responsive stats preview card component built with HTML and CSS, featuring a mobile-first workflow, flexbox layout, and custom color overlay effects.

    Language:HTML10

  • OrionCraftMC/meditate-layout

    Full Java port of Yoga Layout, the layout engine which implements Flexbox

    Language:Java10227

  • zhengcx/LineWrapContainer

    A custom line wrap layout ,support set max lines.(自定义流式布局，支持设置最大行数)

    Language:Java10213

  • Ayokanmi-Adejola/Contact-Page

    A pixel-perfect, fully responsive contact page built with semantic HTML5 and modern CSS3, inspired by a real-world design challenge from devChallenges.io. This project demonstrates best practices in accessibility, responsive layout (Flexbox, media queries), and custom UI styling.

    Language:HTML900

  • Ayokanmi-Adejola/Join-Our-Newsletter

    A fully responsive, pixel-perfect newsletter sign-up page built for the devChallenges.io "Join Our Newsletter" challenge. Crafted with semantic HTML5 and modern CSS3, this project demonstrates advanced layout techniques, accessibility best practices, and precise design implementation for desktop, tablet, and mobile devices.

    Language:HTML9

  • Ayokanmi-Adejola/News-Homepage

    A responsive news website homepage built with HTML, CSS Grid, Flexbox, and JavaScript. Features mobile-first design, interactive elements, and a custom mobile navigation menu.

    Language:CSS9

  • Ayokanmi-Adejola/Profile-Card-Component

    A responsive profile card component built with HTML and CSS, featuring custom CSS properties, flexbox layout, and decorative background patterns for a visually appealing user profile display.

    Language:CSS9101

  • vlazh/reflexy

    Flexbox layout and responsive components.

    Language:TypeScript9103

  • Ayokanmi-Adejola/Blogr-Landing-Page

    A Modern responsive landing page for Blogr publishing platform. Built with semantic HTML5, advanced CSS3 (Grid/Flexbox), and mobile-first design. Features pixel-perfect implementation, smooth animations, and cross-browser compatibility.

    Language:HTML800

  • Ayokanmi-Adejola/Business-Blog-Card

    A modern, responsive business blog card component built with semantic HTML and custom CSS. Features a clean card layout, a wavy SVG overlay for visual separation, and a dedicated author section.

    Language:HTML8

  • Ayokanmi-Adejola/Coding-Bootcamp-Testimonials

    Responsive testimonials slider built with HTML, CSS (Flexbox & Grid), and vanilla JavaScript. Features smooth transitions, keyboard navigation, and adapts seamlessly to all device sizes.

    Language:CSS8

  • Ayokanmi-Adejola/Digital-Bank-Landing-Page

    A Responsive Digital bank landing page built with HTML, CSS, and JavaScript. Features mobile-first design, and modern UI components.

    Language:CSS8

  • Ayokanmi-Adejola/Product-Preview-Card

    A Responsive e-commerce product card with mobile and desktop layouts | Built with semantic HTML5, CSS custom properties, and Flexbox | Accessible design with hover states

    Language:CSS8

  • Ayokanmi-Adejola/Simple-Feature-Section

    A pixel-perfect, fully responsive feature section built for the devChallenges.io "Simple Feature Section" challenge. This project demonstrates modern HTML5 and CSS3 best practices, including semantic markup, Flexbox layouts, custom properties, and adaptive design for all devices.

    Language:HTML8

  • Ayokanmi-Adejola/Single-Price-Grid-Component

    A responsive single price grid component built with HTML5 and CSS3. Features modern grid layout, mobile-first design, and interactive hover effects. Perfect for subscription pricing pages and SaaS applications.

    Language:HTML8