flexbox-layout

There are 353 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.1k11533519

  • 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.4k164143896

  • layoutBox/FlexLayout

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

    Language:Swift2.1k33133235

  • afonsopacifer/awesome-flexbox

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

    1.3k623119

  • 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++18561716

  • 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:Go1483238

  • YauhenKavalchuk/css-flexbox

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

    Language:CSS543048

  • jeroenoomsNL/the-flex-grid

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

    Language:CSS5361111

  • philmtd/css-fx-layout

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

    Language:SCSS505911

  • gotbahn/flex-box-grid

    Responsive, mobile first Flexbox Grid

    Language:CSS40362
  • 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!

    301027
  • 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:Kotlin16205

  • 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:HTML13

  • 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:HTML10

  • 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:JavaScript10

  • 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:Java10313

  • 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/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:HTML9

  • vlazh/reflexy

    Flexbox layout and responsive components.

    Language:TypeScript8102

  • 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:HTML7

  • 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:CSS7

  • 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:HTML7

  • Ayokanmi-Adejola/Order-summary-component

    A responsive card component built with HTML and CSS that showcases an order summary for a music subscription service. Features hover states for interactive elements and adapts to different screen sizes.

    Language:CSS7

  • 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:CSS7

  • 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:CSS7

  • 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:HTML7

  • Ayokanmi-Adejola/Base-Apparel-Coming-Soon-Page

    A Responsive coming soon page for Base Apparel fashion store. Features pixel-perfect design, comprehensive email validation, and seamless UX across all devices. Built with HTML5, CSS3 Grid/Flexbox, and vanilla JavaScript. WCAG 2.1 AA compliant with optimized performance and cross-browser compatibility.

    Language:HTML6

  • 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:HTML6

  • Ayokanmi-Adejola/Fylo-Data-Storage-Component

    A Responsive data storage dashboard component with gradient progress bars and modern UI design. Built with HTML5 & CSS3, featuring mobile-first responsive design and interactive elements. Frontend Mentor challenge solution.

    Language:HTML6

  • Ayokanmi-Adejola/Manage-Landing-Page

    A pixel-perfect, responsive business landing page featuring interactive testimonials slider, form validation, mobile navigation, and modern CSS Grid layout. Built with vanilla HTML5, CSS3, and JavaScript following best practices for accessibility and performance.

    Language:CSS6