> Markdown version of [/events/conference-india-2026/sessions/2074-the-ui-engineering](https://www.wearedevelopers.com/events/conference-india-2026/sessions/2074-the-ui-engineering). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows


- **Date:** Thursday, Nov 26, 2026
- **Time:** 19:40–21:40 (120 min)
- **Room:** Room 6
- **Event:** Conference India 2026

## Description

UI Engineering has completely changed in 2026, and this Workshop is designed to teach everything required for creating the best interfaces. We dive deep into CSS fundamentals, Design Systems, Component Structuring, Accessibility, Motion and AI Assisted Workflows required to build the Complete Frontend of your Production.


Key Takeaways

1] Browser Layout & CSS Mental Model
2] How to decide Flex or Grid?
3] What are Design Systems & why do you need one?
4] Easy Approach to make "Pixel Perfect" Designs ( with live Demo )
5] Animations as State Transitions
6] Debunking SVGs
7] How to Structure your Components: 
Decoupling UI & Data layer with Liskov substitution principle
8] Accessibility 101: A Simplified approach
9] Guidelines which enable devs to have better design sense
10] AI Assisted Workflows to let AI write consistent, pixel perfect maintainable UI Code


A 30 minute draft version of this talk was presented on React Bangalore Meetup in January 2026. The final workshop will be refined based on the feedback of 30+ developers present there.

<https://streamyard.com/9x5zt4ec8id367s7?t=56>




## Speaker

### [Wadad Parker](https://www.wearedevelopers.com/@wadad-parker)

Web Developer, Frontend specialist


## Related talks at this congress

- [Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs](https://www.wearedevelopers.com/events/conference-india-2026/sessions/1982-designing-for-every) — Vidhya Krishnamoorthy
- [A Tale of Two Systems: Design and Reality](https://www.wearedevelopers.com/events/conference-india-2026/sessions/2042-a-tale-of-two) — Mandeep Singh
- [React Under Fire: Rendering Performance for Streaming Agent UIs](https://www.wearedevelopers.com/events/conference-india-2026/sessions/1992-react-under-fire) — Abhirupa Mitra
- [Build a Zero-Cost AI Agent in Your Browser](https://www.wearedevelopers.com/events/conference-india-2026/sessions/1980-build-a-zero-cost-ai) — Aishwarya Mathuria, Nishant Thakur

## Watch remotely

Can’t make it to Bengaluru? Watch this session live with Pro. You also get:

- All full videos, bookmarks, and playlists
- World Congress livestreams

[See pricing](https://www.wearedevelopers.com/pricing)

## Links

- [Get tickets](https://www.wearedevelopers.com/conference-india/tickets)